프로젝트 배경
1) 문제점 - 신선식품은 배송비 비중이 커 객단가를 올려야 하는데, 무료배송 기준이 문구로만 안내되어 구매 행동을 유도하지 못함 - 산지·수확 시기가 상세 페이지 안쪽에 있어 구매 판단에 늦게 노출됨 - 장바구니 확인을 위해 페이지를 이동하면 탐색 흐름이 끊김 2) 목표 - 무료배송까지 남은 금액을 게이지로 시각화해 추가 담기를 유도 - 산지·수확 시기를 상품 카드 앞면으로 이동 - 페이지
프로젝트 성과
무료배송 기준을 문구에서 실시간 게이지로 전환
장바구니 담기·수량 변경 때마다 무료배송까지 남은 금액을 게이지와 숫자로 즉시 표시해 추가 구매를 유도
핵심 기능
진행 단계
화면 설계 및 구현
2026.08.
객단가 상승 동선을 기준으로 상품 카드와 장바구니를 설계하고 게이지 계산 로직과 반응형 레이아웃 구현
프로젝트 상세
산지직송 농산물 쇼핑몰 자체 기획 데모입니다. 실제 납품본을 공개할 수 없어 같은 설계를 가상 브랜드로 다시 지었습니다. 신선식품 쇼핑몰은 객단가를 올리는 것이 곧 배송비 손익입니다. 그래서 이 시안은 장바구니에 담을 때마다 무료배송까지 얼마가 남았는지 게이지로 보여 줍니다. 숫자로만 "3만원 이상 무료배송"이라고 적어 두는 것과, 지금 2,400원이 남았다고 보여 주는 것은 구매 행동이 다릅니다.







