snug© Insight

Work / Web & App

고기동 洞

「고기, 진심을 담다」 — 파란 비닐 위 한우 한 덩이로 시선을 잡고, 부위별 상품을 바로 고르게 한 정육 쇼핑몰입니다.

Client
고기동 洞
Category
정육 · 온라인몰
Service
Website · 기획 · 디자인 · 구축
Platform
아임웹 · 반응형 PC / 모바일
고기동 洞 — 대표 장면

overview

고기, 진심을 담다

고기동은 1++ 한우 암소와 좋은 돼지를 골라 파는 정육 브랜드입니다. 첫 화면은 파란 비닐 위에 놓인 마블링 한 덩이 — 색이 강하게 부딪히는 사진 한 장으로 「좋은 고기」 를 설명 없이 보여 줍니다.

design

흰 바탕, 빨간 洞 한 자

화면은 흰 바탕과 고기 사진만 두고, 로고 「고기동」 의 洞 한 자와 제목만 빨강으로 칠했습니다. 「한우韓牛 1++」 · 「암돼지雌豚」 · 「선물膳物」 처럼 한글과 한자를 나란히 쓴 제목이 정육점의 격을 만듭니다.

  • Red #BF1919 洞 · 제목 · 단추
  • White #FFFFFF 바탕
  • Blue #0291DF 첫 화면 사진
  • 가나다 Noto Sans KR — 한글
  • 가나다 Pretendard — 상품 글

pages

부위별로 바로 고르기

한우 암소 · 돼지 · 밀키트 · 선물 | 이바지 · 고기동+ 다섯 칸으로 나누고, 상품은 「구수한 풍미와 식감을 담아낸 쫄깃함」 같은 맛 설명 두 줄 → 부위 이름 순서로 적었습니다. 선물 세트는 실제 상자 사진으로 보여 줍니다.

고기동 洞 — 부위별로 바로 고르기
고기동 洞 — 부위별로 바로 고르기
고기동 洞 — 부위별로 바로 고르기
고기동 洞 — 부위별로 바로 고르기

mobile

사진 먼저, 장바구니는 가까이

휴대폰에서는 고기 사진을 크게 깔고 다섯 칸 메뉴를 빨간 테두리 단추로 바꿨습니다. 상품은 두 칸 격자로 가격과 장바구니를 바로 옆에 두었습니다.

고기동 洞 — 사진 먼저, 장바구니는 가까이
고기동 洞 — 사진 먼저, 장바구니는 가까이
Client
고기동 洞
Design
snug
Build
snug — 아임웹

More Web & App