SALON MUE살롱 뮈
헤어살롱디자이너를 보고 고르는 살롱
BrandingLanding PageResponsive
라이브 데모 열기 헤어살롱 랜딩페이지
Ivory / Editorial / Serif
20~40대, 컬러와 펌 등 객단가가 높은 시술 고객
디자이너 지명 예약
Main Visual
Desktop
스크린샷이 아니라 실제 페이지를 1440px 화면 그대로 띄운 미리보기입니다. 프레임을 누르면 페이지가 열립니다.
salonmue.kr
Responsive
Desktop · Tablet · Mobile
같은 페이지가 화면 크기에 따라 어떻게 접히는지 보여 줍니다. 손님 대부분은 휴대폰으로 보기 때문에, 모바일에서 먼저 확인하며 만듭니다.
Mobile
휴대폰에서 보는 주요 화면
Key Sections
페이지를 이루는 화면
각 항목을 누르면 데모의 해당 섹션으로 바로 이동합니다.
Design System
색 · 타이포 · 컴포넌트
섹션마다 색을 새로 고르지 않습니다. 다섯 개의 색과 두 개의 서체를 정해 두고 페이지 전체를 그 안에서 만듭니다.
Color
#FBF9F5아이보리
#F1EBE0웜 샌드
#8A8C6F올리브
#AB8552브론즈
#23201D소프트 잉크
Typography
Flower & 꽃
Cormorant Garamond Display가장 좋은 계절에, 가장 좋은 꽃으로 만듭니다.
Plus Jakarta Sans · Noto Sans KR Body제목을 화면 폭까지 키우고 나머지를 전부 작게 눌렀습니다. 사진 위 시술명도 같은 세리프로 얹어 화면 전체가 한 서체로 읽힙니다.
Keywords
IvoryEditorialSerifWarm
Components예약 문의하기둘러보기당일 배송웨딩
Signature Bouquet시그니처 꽃다발₩ 89,000
Notes
이렇게 설계했습니다
디자이너가 상품입니다
경력과 전문 시술, 담당 요일을 카드로 만들었습니다. 지명 예약은 이 정보가 있어야 일어납니다.
밝은 바탕, 색은 블록으로
흑백 대신 아이보리를 깔고, 문장 하나를 올리브 색 블록에 통째로 얹었습니다. 화면을 어둡게 만들지 않고도 리듬이 생깁니다.
가격은 범위로
머리 길이에 따라 달라지는 시술은 단일 가격 대신 범위로 적고, 기준을 한 줄로 밝혔습니다.
디자이너 프로필사진 위 세리프 라벨지명 예약Cormorant Garamond × Plus Jakarta Sans