♻️ 다용

우리를 위한 작은 실천, 다용에서 함께 해요

Project By. 23팀

• Frontend: 신경원, 이효원
• Backend: 윤정인, 한채연(팀장)

---

🔹산출물 주소

[서비스 주소] 오늘도 #다용

[Github]

• Frontend: https://github.com/Sookmyung-Software-Hackathon/Dayong_Front
• Backend: https://github.com/Sookmyung-Software-Hackathon/Dayong_Server

---

🔹분야

모바일 웹 (최적화 사이즈: 400*800)

⚠️ 본 프로젝트를 PC용 웹 브라우저에서 확인하신다면

더보기 > 도구 더보기 > 개발자 도구 or F12 를 누른 후 모바일로 전환 후 (toggle device tool bar, 사진 참고) 사용해주세요

• 브라우저에서 모바일 웹 확인하는 방법 (이미지)

- '더보기 > 도구 더보기 > 개발자 도구' or 'F12'로 개발자 도구를 연 후, 사진과 같은 화면이 뜨면 빨간색 박스로 체크된 버튼을 클릭해주세요.

---

🔶서비스 소개

💡 환경을 위해, 그리고 나를 위해 다회용기 사용을 독려하는 #다용입니다.
#다용 착한 소비에 혜택을 함께 제공해줍니다. 우리 모두 다회용기 사용에 동참해요.
저희는 지속가능한 지구를 위해 지구와 함께 공존할 수 있는 작은 변화를 만들어내고자 합니다.

코로나19 이후로 가속되어 온 일회용품 사용량과 그에 따른 수 많은 쓰레기들. 자연과 인간이 공존하며 살아가기 위해 수많은 사람들은 이미 일회용품 사용 절감에 동참하고 있습니다. 함께 살아가는 우리들을 위해 우리도 작은 실천부터 수행하며 이러한 지구 살리기에 동참해보는 것은 어떨까요? ‘다용’은 이러한 공존에 작은 실천을 더하기 위한 서비스입니다. 포장 주문 시 다회용품을 사용하시면 다용에서 포장을 위해 이동한 거리를 기반으로 포인트를 제공하여 실질적인 혜택으로 돌려드립니다. 모두를 위한 작은 실천이 많은 사람들에게서 이루어질 수 있도록 다용과 함께 오늘도 #다용해보세요!

---

🔶서비스 목적

• 다회용품 사용을 통한 이익을 얻어 불편함을 상쇄할 수 있는 긍적적인 경험을 제공을 통한 지속적인 다회용품 사용 고객층 확보

---

🔶핵심 기술 및 주요 기능

• Geolocation API를 사용하여 나의 위치와 가게 위치의 예상거리를 확인할 수 있고, 예상거리에 비례하여 포인트를 지급해줍니다.
• 원하는 메뉴를 장바구니에 담아 주문을 하고, 주문 상세 내역 조회가 가능합니다.
• 주문내역 조회를 통해 내가 얼마나 자주 다회용기를 사용했는지 꾸준히 실천해가는 나의 기록을 확인할 수 있습니다.

---

🔶페이지 구성(시나리오)

1. 홈 화면: 대표 캐릭터를 홈 화면에 배치 후 스크롤 애니메이션을 통해 회원가입으로 이동할 수 있도록 설정

2. 회원가입/로그인: 서비스 이용을 위해 필수적으로 회원가입 필요

3. 음식점 정보: 주문하려는 음식점에 대한 정보 제공

4. 메뉴 리스트: 판매중인 메뉴의 사진, 이름, 가격을 보여줌

5. 장바구니에 메뉴 추가하기: 메뉴 선택 시 가격 확인 후, 수량을 선택하여 장바구니에 추가 가능

6. 장바구니: 장바구니에 담은 메뉴들의 내역 및 수량 확인 가능

7. 배달 선택시 정보 입력: 배달 주소 입력

8. 포장 선택시 정보 입력: 포장용기 여부 선택 가능

• 포장용기 사용을 선택했을 경우, 가게까지의 거리 계산 및 적립 가능한 포인트를 확인할 수 있는 페이지로 이동

9. 음식점까지의 지도: 음식점까지의 예상거리, 소요시간, 획득 가능 포인트에 대한 정보 제공

• 주문수령완료 버튼 클릭시 포인트 적립

10. 마이페이지: 총 획득 포인트와 주문내역 확인 가능

• 주문내역 클릭시 주문내역 페이지로 이동

11. 주문내역: 주문상태 확인 가능

• 지도 확인하기 버튼 클릭 시, 음식점까지의 지도 페이지(9번)로 이동

---

🔶발전 가능성

• 현재 기존 배달/포장 플랫폼 위에 구현하는 것에 한계가 있어 임의의 가게를 설정하여 서비스를 이용할 수 있도록 개발이 진행

  → 기존 플랫폼과의 연계, 또는 가게의 추가 등으로 서비스의 확장이 용이

  → ‘#(해시태그)’와 같은 바이럴 효과를 통한 지속적인 사용자 확보 기대 가능

• 포인트를 주문에 사용하거나 새로운 혜택으로 변환하여 제시하는 등 사용자를 유입 및 유지시킬 수 있는 다양한 장치로 활용 가능

🔶시연 영상

Dayong_.mp4