계백 쇼핑몰 제작

계백 독립형 쇼핑몰 반응형

프리미엄 닭고기 전문 쇼핑몰 소개

프리미엄 닭고기 및 육가공 전문 쇼핑몰 '계백몰'

  

신선한 원재료와 위생적인 생산 공정을 바탕으로 한 프리미엄 정육 제품을 제공하는 쇼핑몰.

제품 소개, 리뷰, 이벤트 등을 포함한 통합 쇼핑몰 페이지

[메인 디자인]

계백의 브랜드 이미지와 식품의 먹음직스러움이 드러나도록 따뜻한 아이보리와 브라운을 중심으로 구성했습니다.

메인 배너에는 닭을 형상화한 로고와 국내산 닭고기 메시지를 배치해 브랜드의 특징을 전달합니다.

타임딜과 베스트 상품을 순서대로 보여주고, 상품 사진과 가격을 강조해 주요 제품을 쉽게 살펴볼 수 있도록 했습니다.

이벤트 배너와 시그니처 상품, 고객 후기를 연결해 구매 혜택부터 브랜드의 대표 제품까지 자연스럽게 확인하도록 구성했습니다.

[콘텐츠 디자인]

상품 목록은 이미지와 상품명, 가격을 일정한 형식으로 정리해 여러 제품을 비교하기 쉽도록 구성했습니다.

닭고기·돼지고기·소고기·선물세트로 메뉴를 구분하고, 선택한 항목에는 브라운 포인트를 적용해 현재 위치를 명확하게 표현했습니다.

상세 페이지는 상품 사진과 구매 정보를 먼저 보여주고, 제품 소개와 보관·배송 안내를 순서대로 배치했습니다.

화이트 배경과 충분한 여백으로 식품 사진을 돋보이게 하면서 필요한 정보의 가독성을 높였습니다.

[웹사이트 UX/UI]

상품 탐색부터 옵션 선택과 구매까지 이어지는 흐름을 중심으로 화면을 구성했습니다.

데스크톱에서는 넓은 화면을 활용해 상품을 비교할 수 있도록 하고, 모바일에서는 배너와 상품 목록을 세로 흐름에 맞춰 배치했습니다.

검색·장바구니·메뉴 아이콘을 상단에 모아 주요 기능에 접근하기 쉽도록 했습니다.

상품 상세 화면에서는 가격과 옵션, 구매 버튼을 가까이 배치해 주문에 필요한 정보를 한곳에서 확인할 수 있도록 했습니다.