snug© Insight

Work / Web & App

유자한우 온라인몰

유자 발효사료로 키운 고흥 한우를, 고기 사진 한 장과 농장의 말투로 파는 온라인몰입니다.

Client
유자한우 · 전남 고흥
Category
식품 · 한우 쇼핑몰
Service
Website · 기획 · 디자인 · 구축
Platform
카페24 · 반응형 PC / 모바일
유자한우 온라인몰 — 대표 장면

overview

고기가 먼저 말하는 쇼핑몰

첫 화면에는 딥 그린 바탕에 유자 가루를 뿌린 등심 한 덩이와 세로로 쓴 「유자 발효사료로 키운 고흥 한우」 한 줄만 두었습니다. 할인 배너와 등급표 대신 이 농장만의 방식을 먼저 보이고, 인기 상품 · 선물세트 · 농장 이야기는 그 아래로 이어지게 했습니다.

design

브랜드 가이드의 두 색 그대로

바탕은 딥 그린, 할인율 · 강조는 유자 노랑 띠 하나. 상품 사진은 모두 같은 딥 그린 바탕 위에 유자 가루를 뿌려 찍어, 목록에 몇 줄이 늘어서도 한 브랜드로 읽힙니다. 이야기 구간 제목은 명조로 써 농장의 목소리를 남겼습니다.

  • Deep Green #2F3A24 바탕 · 머리
  • Night #232B1B 이야기 구간
  • Yuzu #F9C51C 할인 · 강조
  • Cream #FFF6D8 선물세트 바탕
  • 가나다 Pretendard — 본문 · 메뉴
  • 가나다 나눔명조 — 이야기 제목

pages

브랜드 이야기에서 선물세트까지

브랜드 · 스토어 · 선물세트 · 이벤트 · 고객후기 다섯 갈래로 나눴습니다. 브랜드 페이지는 「한우라고 다 같은 한우가 아닙니다」 에서 유자박 · 농장 · 고르는 법까지 한 화면에 한 문장씩 넘기는 이야기로, 선물세트는 구성마다 같은 틀의 썸네일로 맞췄습니다.

유자한우 온라인몰 — 브랜드 이야기에서 선물세트까지
유자한우 온라인몰 — 브랜드 이야기에서 선물세트까지
유자한우 온라인몰 — 브랜드 이야기에서 선물세트까지
유자한우 온라인몰 — 브랜드 이야기에서 선물세트까지

mobile

손가락 닿는 곳에 구매 단추

휴대폰에서는 아래에 메뉴 · 검색 · 홈 · 장바구니 · 내 정보 다섯 단추를 고정하고, 상품 화면에서는 「BUY IT NOW」 를 늘 화면 아래에 두었습니다. 브랜드 이야기는 세로 화면 한 장에 한 문장씩 세웠습니다.

유자한우 온라인몰 — 손가락 닿는 곳에 구매 단추
유자한우 온라인몰 — 손가락 닿는 곳에 구매 단추
유자한우 온라인몰 — 손가락 닿는 곳에 구매 단추
Client
유자한우
Design
snug
Build
snug — 카페24

More Web & App