프로젝트 개요

<aside> 🔗

사이트 바로가기: LocknLock 이커머스 웹앱 바로가기

디자인 컨셉 바로가기: LocknLock 이커머스 웹앱 디자인컨셉

</aside>

<aside> 🤖

이 프로젝트는 기획 초안 단계부터 결과물 완성까지 거의 모든 단계에서 AI를 활용했습니다.

</aside>

1. 문제 정의

배경 및 현황

최근 텀블러는 단순히 음료를 담는 용기를 넘어 출근·등교·운동 등 일상에서 지속적으로 사용하는 라이프스타일 제품으로 자리 잡고 있습니다. 특히 20대 사용자는 디자인뿐만 아니라 보온·보냉 성능, 휴대성, 밀폐력, 용량과 세척 편의성 등 다양한 조건을 비교한 후 자신에게 맞는 제품을 선택하는 경향이 있습니다. 하지만 다양한 제품과 옵션이 함께 노출되는 이커머스 환경에서는 원하는 제품을 빠르게 비교하고 선택하기 위해 직관적인 상품 탐색과 명확한 상품 정보 제공이 중요합니다.

문제 인식 (Pain Point)

• 다양한 텀블러 제품을 한눈에 비교하기 어렵다.
• 상품별 가격, 할인율, 평점 등의 정보를 빠르게 파악하기 어렵다.
• 색상이나 가격 등 원하는 조건에 맞는 상품을 찾기 위해 여러 상품을 직접 탐색해야 한다.
• 상품 상세 페이지에서 가격·배송비·옵션·수량에 따른 총 금액을 한 번에 확인하기 어렵다.
• 장바구니부터 주문·결제까지의 과정에서 사용자가 현재 상태를 쉽게 확인할 수 있어야 한다.

프로젝트 목표

"원하는 텀블러를 쉽고 빠르게 탐색하고, 상품 비교부터 장바구니·주문까지 자연스럽게 이어지는 이커머스 경험을 제공한다.”

2. 리서치 & 니즈 분석

리서치 방법

• 경쟁 서비스 벤치마킹: 쿠팡, 스탠리 공식몰, 네이버 쇼핑의 상품 탐색 및 구매 UX 분석
• 이커머스 사용성 분석: 상품 목록 → 상세 → 장바구니 → 결제까지의 주요 사용자 흐름 분석
• UI 컴포넌트 분석: 검색, 필터, 컬러 칩, 상품 카드, 배너 캐러셀 등 주요 이커머스 UI 분석