[Kurly Hack Festa 2022] 리뷰왕 킹컬리 프로젝트


프로젝트명 '리뷰왕 킹컬리'

  • 마켓컬리 제 1회 온라인 해커톤 Kurly Hack Festa 2022 본선 과제 제작
  • 서비스 기획부터 Front-end/Back-end 개발 및 배포 진행


참여 인원 / 기간

Front-end 2명 & Back-end 2명
2022년 8월 19일 - 2022년 8월 24일 //제작 기간
2022년 8월 29일 ~ //리팩토링 예정


적용 기술 / 협업 도구

React, Emotion, Material UI, Chart.js
Figma, Notion, Github, Trello, Slack


서비스 개요

Screenshot 2022-08-26 at 13.44.14.png 키워드 분석을 통한 상품 후기 데이터 활용 방안 및 연관 상품 추천 알고리즘 개선과 양질의 리뷰 컨텐츠 유치를 위한 상품 후기 작성 방식 제안


시스템 플로우

Screenshot 2022-08-26 at 13.49.15.png

Screenshot 2022-08-29 at 18.44.08.png

  • 리뷰 작성시 함께 구매한 상품 중 연관 상품을 직접 선택하여 추천하도록 제안
  • 누적된 리뷰 데이터에서 형태소 분석을 통한 키워드 도출
    -> 키워드를 기반으로 연관 카테고리와 연관 상품을 검색하여 상품 체인 생성
    -> 상품 상세 / 검색 / 메인 페이지에 연관 카테고리 및 상품 노출로 구매 유도


기능 구현 상세

1. 로그인 페이지

  • JWT 인증방식 기반 로그인 기능 구현 Screenshot 2022-08-26 at 14.04.00.png


2. 메인 페이지

Screenshot 2022-08-26 at 14.47.33.png

  • 주문 날짜별 구매 목록을 상단에 배치하여 리뷰 작성 유도


Screenshot 2022-08-26 at 14.47.46.png

  • 최근 한달간 리뷰가 가장 많이 작성된 카테고리와 해당 카테고리에 속하는 상품들을 랜덤으로 노출


Screenshot 2022-08-26 at 14.55.39.png

  • 최근 한달간 작성된 리뷰 중 추천을 가장 많이 받은 리뷰와 연관 상품 노출


3. 상품 상세 페이지

Screenshot 2022-08-26 at 15.02.31.png

  • 상품 설명 하단에 추천을 가장 많이 받은 리뷰들을 나열하여 구매 유도


Screenshot 2022-08-26 at 15.08.00.png

  • 추천 상품 탭: 해당 상품의 리뷰 데이터에서 추출한 키워드와 유사한 카테고리 및 카테고리에 속하는 상품들을 랜덤으로 노출


Screenshot 2022-08-26 at 15.03.08.png

  • 후기 탭: 고객들이 작성한 리뷰와 직접 선택한 연관 상품 노출


인프라 아키텍쳐

Screenshot 2022-08-26 at 15.09.09.png