오롯헤어 · 미용실 홈페이지 시안
스타일 고르기와 디자이너 소개, 3단계 예약 흐름을 담은 잡지 같은 미용실 시안입니다. 실제 매장이 아닌 가상 브랜드로 만든 디자인 시안입니다.
Concept기본형
오롯헤어 · Concept


샘플 사이트 열어보기(새 창)
스타일 고르기와 예약 3단계를 직접 눌러 볼 수 있어요. 기본형은 실제로 여러 페이지로 나뉘며, 샘플은 주요 화면을 한 페이지에 모았어요. (가상 브랜드 시안)
(01)Structure
이렇게 구성했어요
미용실 홈페이지에서 손님이 가장 먼저 찾는 정보를 기준으로 순서를 정했습니다.
컬러
- 배경#141114
- 포인트#C98B86
- 글자#F6F1EC
- 보조#EAD9D4
- 01첫 화면잡지 표지처럼 큰 제목과 사람 라인 일러스트를 두고, 예약하기·스타일 보기 버튼과 이번 계절 안내 세 줄을 보여 줍니다.
- 02스타일컷·펌·컬러로 골라 보는 스타일 목록. 스타일마다 어울리는 경우와 소요 시간, 시작 가격을 함께 적었습니다. 사진 대신 선 일러스트로 머리 모양을 표현했습니다.
- 03가격표컷·펌·컬러 가격을 「~부터」로 정리하고, 기장과 모질에 따라 달라질 수 있다는 안내를 함께 두었습니다.
- 04디자이너세 명의 잘하는 스타일과 근무 요일, 한 줄 소개. 「이 디자이너로 예약」을 누르면 예약 단계로 바로 이어집니다.
- 05예약 3단계메뉴 → 디자이너 → 요일·시간 순서로 고릅니다. 쉬는 요일과 이미 지나간 시간은 고를 수 없고, 고른 내용은 오른쪽 요약에 바로 반영됩니다.
- 06오시는 길지금 영업 중인지 표시하고 영업시간, 주소·주차·대중교통과 약도를 함께 둡니다.
- 07모바일 하단 바휴대폰에서는 전화·스타일·예약하기 버튼을 화면 아래에 고정합니다.
Your store
우리 매장도 이렇게 만들 수 있을까요?
업종과 매장 분위기에 맞춰 구성과 디자인을 새로 잡아 드립니다. 마음에 드는 시안을 말씀해 주셔도 좋습니다.


