Skip to content

Send-wish/Front-End

Repository files navigation

간편하고 똑똑한 통합 장바구니 SendWish

여러 쇼핑몰의 장바구니 상품들을 한곳에서 볼 수 있고 공유 소통 할 수 있는 어플리케이션
2022.12.22 ~ 2023.01.28

서비스 설명

1. 화면 구성

  • 저희 서비스는 개인 장바구니, 공유 장바구니, 친구를 추가하고 채팅목록을 확인 할 수 있는 3개의 탭으로 구성되어 있습니다.

default.mov

2. 쇼핑몰에서 아이템 담아오기

  • 앱이 꺼져있을 때나, 백 그라운드 상태일 때에도 다른 쇼핑몰 앱내에서 공유하기 버튼 하나만으로 쉽게 상품정보를 앱으로 담아올 수 있습니다.
  • IOS의 Share-Extension을 커스터마이징하여 공유하기 모달 창을 직관적으로 변경하고, 서버와 통신할 수 있도록 만들었습니다.

default.MP4

3. 장바구니 만들고 아이템 담기

  • 목적이 각기 다른 장바구니들을 만들고 담아온 아이템을 쉽게 담아 분류하여 관리할 수 있습니다.

default.MP4

4. 공유 장바구니에서 친구와 소통하고 친구 취향 알아보기

  • 쇼핑의 목적이 동일한 의사결정자들과 같은 장바구니를 공유하고 채팅을 통하여 각자 담은 아이템을 확인하며, 소통할 수 있습니다.
  • 선물을 받는 친구가 존재한다면, 친구가 담은 아이템들의 카테고리를 자체적으로 분석하여 어떤 아이템을 선호할지 추천하는 시스템을 구현하였습니다.
  • 이미지 학습 AI모델인 TenseorFlower을 사전학습 시키고 활용해 상품이미지에 맞는 카테고리를 자동적으로 생성할 수 있습니다.

default.MP4

5. 채팅에서 아이템 확인하기

  • 다른 메신저들과 다르게, 각자 담은 아이템을 한 눈에 모아서 보여주기 때문에 훨씬 의사결정을 손쉽게 할 수 있습니다.

default.MP4

6. 채팅방에서 투표하기

  • 개인이 하는 쇼핑과 다르게, 그룹이 하는 쇼핑에서는 동시간대에 다 같이 의사결정하는 프로세스가 부족한 면이 있습니다.
  • 저희는 이러한 불편함을 해결할 수 있도록 다 같이 어떤 아이템이 좋은지 투표하고 1, 2, 3순위의 최종 후보군을 도출할 수 있도록 설계하였습니다.
  • 이는 WebSocket 패키지 중 하나인 Stomp를 활용해 구현하였으며, 아이템을 눌러 외부쇼핑몰로 이동해 바로 구매가능하도록 하였습니다.

default.MP4

기술적 아키텍처

아키텍처

포스터

sendwish 최종 포스터