온결커피 · 카페 홈페이지 시안
메뉴판 탭과 원두 소개, 영업시간까지 한 페이지에 담은 랜딩형 샘플 사이트입니다. 실제 매장이 아닌 가상 브랜드로 만든 디자인 시안입니다.
Concept랜딩형
온결커피 · Concept
샘플 사이트 열어보기(새 창)
실제로 스크롤하고 메뉴 탭을 눌러 볼 수 있어요. (가상 브랜드 시안)
(01)Structure
이렇게 구성했어요
카페 홈페이지에서 손님이 가장 먼저 찾는 정보를 기준으로 순서를 정했습니다.
컬러
- 배경#F4ECE0
- 포인트#A84B2A
- 글자#2B1B12
- 보조#D9A066
- 01첫 화면브랜드 한 줄 카피와 핸드드립 일러스트, 메뉴 보기·오시는 길 버튼, 영업시간·로스팅·포장 안내를 한눈에 보여 줍니다.
- 02브랜드 이야기이름에 담은 뜻과 커피를 대하는 방식, 세 가지 약속(소량 로스팅·핸드드립·직접 굽는 디저트)을 소개합니다.
- 03시그니처 메뉴커피·논커피·디저트를 탭으로 바꿔 보는 메뉴판. 메뉴 이름과 설명, 가격을 함께 보여 줍니다.
- 04이번 주 원두산지·가공 방식·로스팅 정도·향미 노트를 카드로 나란히 비교할 수 있게 했습니다.
- 05공간창가 자리, 큰 테이블, 콘센트 좌석처럼 손님이 궁금해하는 머무는 방식을 안내합니다.
- 06영업시간 · 오시는 길오늘 요일을 강조하고 지금 영업 중인지 표시합니다. 주소·주차·대중교통과 약도를 함께 둡니다.
- 07단체 주문 · 예약회의·모임용 단체 주문과 자리 예약으로 바로 이어지는 버튼을 둡니다.
- 08모바일 하단 바휴대폰에서는 전화·길찾기·예약 버튼을 화면 아래에 고정합니다.
Your store
우리 매장도 이렇게 만들 수 있을까요?
업종과 매장 분위기에 맞춰 구성과 디자인을 새로 잡아 드립니다. 마음에 드는 시안을 말씀해 주셔도 좋습니다.