SUGAR HOUR슈가아워
디저트 카페오늘의 진열장, 그리고 예약 케이크
BrandingLanding PageResponsive
라이브 데모 열기 디저트 카페 랜딩페이지
Sweet / Pastel / Cozy
20~30대 여성, 생일·기념일 케이크를 미리 예약하는 고객
홀케이크 예약 문의와 방문 전 메뉴 확인
Main Visual
Desktop
스크린샷이 아니라 실제 페이지를 1440px 화면 그대로 띄운 미리보기입니다. 프레임을 누르면 페이지가 열립니다.
sugarhour.kr
Responsive
Desktop · Tablet · Mobile
같은 페이지가 화면 크기에 따라 어떻게 접히는지 보여 줍니다. 손님 대부분은 휴대폰으로 보기 때문에, 모바일에서 먼저 확인하며 만듭니다.
Mobile
휴대폰에서 보는 주요 화면
Key Sections
페이지를 이루는 화면
각 항목을 누르면 데모의 해당 섹션으로 바로 이동합니다.
Design System
색 · 타이포 · 컴포넌트
섹션마다 색을 새로 고르지 않습니다. 다섯 개의 색과 두 개의 서체를 정해 두고 페이지 전체를 그 안에서 만듭니다.
Color
#FFFAF5밀크 화이트
#FFE1E8스트로베리 밀크
#E8899F슈가 핑크
#CFE3D8민트
#5D474C코코아 잉크
Typography
Flower & 꽃
Cormorant Garamond Display가장 좋은 계절에, 가장 좋은 꽃으로 만듭니다.
Noto Sans KR Body제목만 세리프로 두어 가게 이름이 로고처럼 보이게 하고, 메뉴와 가격은 산세리프로 또렷하게 적었습니다.
Keywords
SweetPastelCozyRounded
Components예약 문의하기둘러보기당일 배송웨딩
Signature Bouquet시그니처 꽃다발₩ 89,000
Notes
이렇게 설계했습니다
‘오늘 있는 것’이 먼저
디저트 가게에서 손님이 가장 궁금해하는 건 지금 진열장에 무엇이 남아 있는지입니다. 품절 표시를 넣을 자리를 카드마다 만들어 뒀습니다.
예약은 사이즈부터
홀케이크는 크기 · 픽업 날짜 · 문구가 정해지면 통화가 짧아집니다. 그 세 가지만 받습니다.
둥글게, 그러나 유치하지 않게
라운드를 크게 쓰되 색은 두 가지로 묶어 파스텔이 산만해지지 않게 했습니다.
오늘의 진열장홀케이크 예약 폼픽업 일정 안내Cormorant Garamond × Noto Sans KR