amplitude.init("2e2e5a386856efdf3237cf254a9d14d9"

UX/UI 포트폴리오 | 반려동물 맞춤 정보 제공 및 상품 추천 서비스

내일배움캠프 UX/UI 수료생 최종 프로젝트 '코지코지'를 소개합니다.
Apr 22, 2024
UX/UI 포트폴리오 | 반려동물 맞춤 정보 제공 및 상품 추천 서비스
notion image

소개

😼
다양한 정보 속에서 안전한 제품을 찾기 어렵지 않으셨나요?
내 반려동물을 위한 건강한 상품을 찾고 있는 '펫팸족'의 수요가 커지고 있으나, 너무 많은 정보로 인해 검증된 상품 정보를 찾기 어려운 실정입니다. 안전하게 상품을 탐색하고, 구매할 수 있도록 정보를 제공하는 쇼핑몰이 있다면 어떨까요? 정확한 리뷰와 성분 분석, 수의사의 전문 지식과 선택 기준을 제공하여, 내 반려동물의 건강 상태에 맞는 안전한 제품을 추천합니다. 이를 통해 반려동물의 건강과 함께 포근한 쇼핑을 즐길 수 있습니다.
 
 

주요 기능

1️⃣
온보딩 화면
회원가입, 온보딩 화면
회원가입, 온보딩 화면
  • 회원가입 시 반려동물의 건강 고민 정보(알레르기, 비만 등)와 나이, 견종 등의 기본 정보를 수집합니다.
  • 사전에 받은 정보를 활용하여 상품의 성분 분석과 맞춤 필터를 제공합니다.
2️⃣
홈 화면
홈 - 대시보드 → 찜한 상품 가격 인하, 수의사 질문
홈 - 대시보드 → 찜한 상품 가격 인하, 수의사 질문
홈 → 맘마플래터
홈 → 맘마플래터
  • 찜한 상품 가격 인하, 수의사 질문, 코지 초이스 활동 내용을 요약하여 놓치는 정보가 없도록 대시보드를 구성했습니다.
  • 쇼핑 홈과 컨텐츠 홈을 구분하여 사용자가 정보를 받을 수 있는 페이지로 구성했습니다.
3️⃣
수의사 질문 (전문지식 코멘트)
수의사 질문 → 필터 → 컨텐츠 → 상세페이지
수의사 질문 → 필터 → 컨텐츠 → 상세페이지
  • 궁금한 정보를 수의사에게 질문하고 전문 지식과 증상에 따른 상품을 추천받습니다.
  • 수의사 답변은 추천된 상품의 상세페이지에 노출 되어 사용자가 해당 상품을 신뢰하고 구매할 수 있도록 돕습니다.
4️⃣
코지 초이스 (사용자 정보 교류)
코지 초이스 → 컨텐츠 → 상세페이지
코지 초이스 → 컨텐츠 → 상세페이지
  • 고민이 되는 상품이나 궁금한 사항이 있다면 유저에게 질문하고, 투표로 답변하는 초이스 커뮤니티를 제공합니다.
  • 투표를 올리는 유저는 구매결정 과정을 단축할 수 있고, 투표 결과를 보는 유저는 더 많은 선택을 받은 상품 (답변)을 확인할 수 있어, 상품 탐색과정에서 도움을 받을 수 있습니다.
  • 가장 많은 투표를 받은 상품은 상세 페이지로 연결되어 구매 결정을 내리는데 도움을 줍니다.
5️⃣
상세페이지 (상품 성분분석 대시보드)
쇼핑 홈
쇼핑 홈
상세페이지 → 수의사 정보
상세페이지 → 수의사 정보
맞춤 분석 → AI 맞춤 분석 → 기본 정보 분석 → 원재료 정보
맞춤 분석 → AI 맞춤 분석 → 기본 정보 분석 → 원재료 정보
  • 수의사 질문에서 수의사가 답변한 내용과 함께 수의사의 학력, 소속 병원 및 위치 등의 기본정보를 제공하여 신뢰성을 높입니다.
  • 온보딩에서 받은 정보를 기반으로 자신의 반려동물과 맞는지 확인 할 수 있습니다.
  • 상품의 원재료 정보를 공개함으로서 투명성을 제공합니다.
6️⃣
상세페이지 (맞춤 리뷰)
상세페이지 → 리뷰 → 필터
상세페이지 → 리뷰 → 필터
상세페이지 → 리뷰 → 내 아이 맞춤 필터
상세페이지 → 리뷰 → 내 아이 맞춤 필터
  • 온보딩 과정에서 제공받은 반려동물 건강 고민 정보와 기본 정보를 활용하여 내 아이 맞춤 리뷰 필터를 제공합니다.
  • 리뷰에서 다양한 정보를 얻을 수 있도록, 리뷰어 반려동물 기본 정보와 건강 고민을 노출 시켰습니다.
  • 필터를 세분화하여 원하는 정보에 빠르게 접근할 수 있도록 설계되었습니다.
 
 

기획과정

notion image
notion image
notion image
notion image
notion image

솔루션 도출

수의사 전문지식 제공
  • 상품에 대해 생기는 궁금증을 신뢰도 높은 전문 수의사에게 답변 받을 수 있는 수의사 질문 서비스 제공합니다.
코지 초이스 유저 정보교류
  • 제품 선택에 있어 고민이 되는 질문을 다양한 유저와 함께 공유하여 빠른 선택을도와주는 초이스 서비스 제공합니다.
성분 분석 정보 제공
  • 상품 원재료의 영양, 기능성 성분의 맞춤 여부를 분석하여, 내 반려동물과 상품의 매칭 여부를 확인할 수 있는 정보를 상세페이지 내에 제공합니다.
내 아이 맞춤 리뷰 필터링
  • 회원가입 과정에서 반려견의 기본 정보와 건강 고민 정보를 수집하고, 이에 따른 맞춤 필터를 제공하여 내 반려동물의 맞춤 리뷰를 빠르게 확인할 수 있습니다.
Goal
내 반려동물의 정보에 따라 상품의 안전성을 분석 해주고, 신뢰할 수 있는 정보를 제공받는 펫커머스 서비스
notion image
notion image
notion image
 

구조

notion image
 
 

디자인 상세

컨셉

notion image
notion image
 

디자인시스템

notion image
notion image
notion image
 

UI 화면 디자인

notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
 
 

팀원 구성

이름
직위
역할
블로그 주소
손경진
팀장
기획,리서치,디자인
김윤정
부팀장
기획,리서치,디자인
맹주원
팀원
기획,리서치,디자인
박찬민
팀원
기획,리서치,디자인
팀 노션
6주간의 기록
 
 

취업 준비, 어디서부터 시작해야 할지 모르겠다면?

 
🧐비전공자인데 IT 업계 취업할 수 있을까?
😟프로젝트 경험이 부족한데, 어떻게 준비해야 할까?
🥺IT 기업으로 이직하고 싶은데 뭐부터 시작해야 할까?
 
이런 고민을 하고 있다면, 내일배움캠프의 IT 취업 컨설팅을 받아보세요.
취업 코칭 전문가들이 여러분의 고민을 해결해 드립니다.
 
다음 링크에 이메일을 입력하시면 메일로 1:1 커리어 상담권과 취준 자료집을 보내드릴게요.
 
Share article
Subscribe to our newsletter
RSSPowered by inblog