Bloomy블루미
당일 배송3시간 배송 · 질문 3개로 끝나는 선택
BrandingLanding PageInteractionResponsive
라이브 데모 열기 당일 배송 플라워 브랜드 랜딩페이지
Pastel / Playful / Modern
20~30대, 선물은 사고 싶은데 무엇을 고를지 오래 고민하는 고객
고민을 줄여 추천에서 주문 폼까지 이탈 없이 잇는 것
Main Visual
Desktop
스크린샷이 아니라 실제 페이지를 1440px 화면 그대로 띄운 미리보기입니다. 프레임을 누르면 페이지가 열립니다.
bloomy.kr
Responsive
Desktop · Tablet · Mobile
같은 페이지가 화면 크기에 따라 어떻게 접히는지 보여 줍니다. 손님 대부분은 휴대폰으로 보기 때문에, 모바일에서 먼저 확인하며 만듭니다.
Mobile
휴대폰에서 보는 주요 화면
Key Sections
페이지를 이루는 화면
각 항목을 누르면 데모의 해당 섹션으로 바로 이동합니다.
Design System
색 · 타이포 · 컴포넌트
섹션마다 색을 새로 고르지 않습니다. 다섯 개의 색과 두 개의 서체를 정해 두고 페이지 전체를 그 안에서 만듭니다.
Color
#EFE6EE라일락 미스트
#F8F3F5페일 로즈
#A68FC4라일락
#D8A9B4블러쉬
#3F3945플럼 잉크
Typography
Flower & 꽃
Cormorant Garamond Display가장 좋은 계절에, 가장 좋은 꽃으로 만듭니다.
Noto Sans KR · Nanum Pen Script Body정보는 산세리프로 또박또박, 응원하는 말만 손글씨로 적어 브랜드의 말투를 만들었습니다.
Keywords
PastelPlayfulStickerFriendly
Components예약 문의하기둘러보기당일 배송웨딩
Signature Bouquet시그니처 꽃다발₩ 89,000
Notes
이렇게 설계했습니다
질문 3개로 끝나는 추천
받는 분 · 전하려는 마음 · 예산에 답하면 고정 구성 5종 중 하나를 이유와 함께 골라 줍니다. 동점이면 더 저렴한 쪽으로 기울여, 추천이 비싼 상품을 밀지 않게 했습니다.
추천 다음이 바로 주문
결과 화면이 주문 폼으로 곧장 이어지고, 고른 구성이 폼에 미리 담깁니다.
사장님이 관리할 데이터가 없습니다
실시간으로 꽃을 조합하지 않고 고정 카탈로그 안에서만 고르므로, 주문마다 쌓이는 재고 데이터가 생기지 않습니다.
인터랙티브 부케 추천스캘럽 · 마스킹테이프마스코트 · 손글씨Cormorant × Noto Sans KR