남해 군민이 생활에 필요한 장보기와 식자재를 한곳에서 주문하는 지역 장보기 쇼핑몰입니다. 받는 날이 다른 두 종류의 상품을 처음부터 나눠 보여 주고, 어르신도 쉽게 주문할 수 있도록 만들었습니다.
| 분류 | 쇼핑몰 |
|---|---|
| 업종 | 지역 장보기 쇼핑몰 |
| 플랫폼 | 식스샵 프로 |
| 작업 범위 | 기획 · 디자인 · 구현 · 상품 등록 · 상품 상세 이미지 제작 · 휴대폰 화면 최적화 |
이런 과제가 있었습니다
받는 날이 다른 두 종류의 상품
매장에서 골라 담아 보내는 장보기 상품과, 상품마다 다음 날이나 이틀 뒤에 도착하는 식자재·대용량 상품을 함께 팝니다. 한 화면에 섞여 있으면 손님이 받는 날을 헷갈릴 수 있었습니다.
어르신 손님이 많은 동네 쇼핑몰
온라인 주문과 전화 주문을 함께 받습니다. 글자와 버튼이 크고, 전화번호를 언제든 바로 찾을 수 있어야 했습니다.
지역마다 다른 배송 안내
배송비와 최소 구매금액이 지역에 따라 다릅니다. 같은 안내를 여러 화면에 반복하지 않고 정확하게 알려야 했습니다.
이렇게 풀었습니다
| 두 갈래 상품 | 로고 옆에 「장보기 대행」과 「대용량 식자재」 탭을 두어 첫 화면부터 두 갈래로 나눴습니다. 카테고리도 두 갈래에 맞춰 따로 구성했습니다. |
|---|---|
| 쉬운 주문 | 본문 글자를 한 단계 크게 잡고, 휴대폰에서 누르는 칸은 모두 44px 이상으로 맞췄습니다. 전화번호는 화면 위 띠와 바닥글, 휴대폰 하단 메뉴에 늘 보이게 했습니다. |
| 배송 안내 | 배송비, 최소 구매금액, 주문 방법을 이용안내 한 곳에 모았습니다. 다른 화면에는 한 줄 요약과 링크만 둡니다. |
제작 구성
디자인
브랜드 색인 네이비와 청록 두 가지만 쓰고, 상품 사진이 잘 보이도록 흰 바탕과 여백을 넓게 두었습니다. 가격은 판매가 하나만 표시해 비교 없이 바로 읽히게 했습니다.
핵심 기능
- 실제 상품 데이터와 연결된 상품 목록 — 대분류·소분류로 고르고 정렬까지
- 카테고리 전체를 한 번에 펼쳐 보는 메뉴
- 홈의 분류별 상품 줄
- 배송·주문 안내를 모은 이용안내 페이지
- 휴대폰 하단 메뉴
- 카카오톡 상담 버튼과 네이버밴드 소식 연결
플랫폼 · 설정
식스샵 프로로 만들고, 상품 목록처럼 기능이 걸린 부분은 식스샵의 상품·카테고리 데이터를 그대로 쓰는 블록으로 구현했습니다. 상품마다 규격 요약과 냉장·냉동 표시를 넣어 등록하고, 상품 상세 이미지도 함께 만들었습니다. 한글 도메인 연결까지 마쳤습니다.
화면
전체 상품 · 왼쪽에서 분류를 고르고 정렬할 수 있습니다.
고객센터 · 전화 상담 번호를 크게 보여 줍니다.