[리액트] 동물마켓 와이어프레임 및 목표 설정 (1주차)

- 기간: 4/26~ 5/27 (5주)

 

- 팀원구성: 리액트 2명 + Node.js 2명 + 디자이너 2명

 

- 프로젝트명: 동물마켓 (동네에서 물물교환할 수 있는 마켓)

 

- 프로젝트 설명: 

  사용자 위치 기반으로 동네에서 동네에서 현금 등가교환이 아닌, 내가 올린 물건과 다른 사람이 제안한 물건을 서로 교 환할 수 있도록 함. 1:1 채팅창이 아닌 경매식으로 디테일페이지에서 교환을 원하는 사람은 누구든지 단체 채팅방에 참여할 수 있고, 가장 마음에 드는 제안을 선택하여 해당 유저와 1:1 채팅을 할 수 있음

 

- 기획의도: 

  1) 21년 4월, 세대별 쇼핑앱 랭킹에서 10대~60대까지 당근마켓이 2위를 차지, 10대~20대의 4위가 번개장터임을 착안

     고객은 일반 커머스 쇼핑몰보다 참여가 쉽고, 거래가 단순한 동네 기반 직거래를 선호하는 C2C 기반 거래를 선호 

  2) 현 당근마켓과 번개장터의 불편한 점을 개선하고, 제공하지 않는 서비스를 제안하고자 함 

  3) 거래를 성사시키기까지의 무수한 채팅창 관리 -> 다대다 채팅창 1개로 관리하며 거래 1개당 채팅창 1개 관리

        -> 편리/간단/스마트함을 추구 

  4) 현재 가지고 있는 물건끼리 교환할 수 있는 장을 마련 -> 돈이 없어도 쇼핑을 할 수 있고, 자원을 활용할 수 있는 점에서 10~20대 혹은 50~60대 층에서 활발히 사용할것이라 기대

 

 

1)번 뒷받침 자료

 

 

- 목표 기능: 다대다 채팅, 1:1채팅, 사용자 위치 파악, 소셜 로그인

 

- 주차별 목표: 

    ◾ 1주차 목표: 뼈대 잡기, 와이어프레임, 목표 설정, 서버 연결 작업

    ◾ 2주차 목표: MVP 1차 완성(채팅창, 로그인/회원가입 기본 기능 연결, view 디자인 변경)

    ◾ 3주차 목표: 배포 직전 세부 기능 추가, 오류 확인, 2차 완성

    ◾ 4주차 목표: 배포, 마케팅 및 홍보활동 

    ◾ 5주차 목표: 실 사용자 경험 기반 불편한 점, 개선할 점 반영 후 재 배포 

 

 

- 와이어프레임

링크

 

메인화면(현재 판매중인 상품 보여주기, 임박순)

Detail 페이지 (다대다 채팅창, 상품 정보)

1:1 채팅방 화면 (선택한 user와 채팅 후 거래 확정)

 

- 플로우차트

 

링크