본문 바로가기

오롯헤어 · 미용실 홈페이지 시안

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

Concept기본형
오롯헤어 · Concept
오롯헤어 샘플 사이트 PC 첫 화면
PC 화면
오롯헤어 샘플 사이트 모바일 첫 화면
모바일 화면
샘플 사이트 열어보기(새 창)

스타일 고르기와 예약 3단계를 직접 눌러 볼 수 있어요. 기본형은 실제로 여러 페이지로 나뉘며, 샘플은 주요 화면을 한 페이지에 모았어요. (가상 브랜드 시안)

(01)Structure

이렇게 구성했어요

미용실 홈페이지에서 손님이 가장 먼저 찾는 정보를 기준으로 순서를 정했습니다.

컬러

  • 배경#141114
  • 포인트#C98B86
  • 글자#F6F1EC
  • 보조#EAD9D4
  1. 01첫 화면잡지 표지처럼 큰 제목과 사람 라인 일러스트를 두고, 예약하기·스타일 보기 버튼과 이번 계절 안내 세 줄을 보여 줍니다.
  2. 02스타일컷·펌·컬러로 골라 보는 스타일 목록. 스타일마다 어울리는 경우와 소요 시간, 시작 가격을 함께 적었습니다. 사진 대신 선 일러스트로 머리 모양을 표현했습니다.
  3. 03가격표컷·펌·컬러 가격을 「~부터」로 정리하고, 기장과 모질에 따라 달라질 수 있다는 안내를 함께 두었습니다.
  4. 04디자이너세 명의 잘하는 스타일과 근무 요일, 한 줄 소개. 「이 디자이너로 예약」을 누르면 예약 단계로 바로 이어집니다.
  5. 05예약 3단계메뉴 → 디자이너 → 요일·시간 순서로 고릅니다. 쉬는 요일과 이미 지나간 시간은 고를 수 없고, 고른 내용은 오른쪽 요약에 바로 반영됩니다.
  6. 06오시는 길지금 영업 중인지 표시하고 영업시간, 주소·주차·대중교통과 약도를 함께 둡니다.
  7. 07모바일 하단 바휴대폰에서는 전화·스타일·예약하기 버튼을 화면 아래에 고정합니다.

Your store

우리 매장도 이렇게 만들 수 있을까요?

업종과 매장 분위기에 맞춰 구성과 디자인을 새로 잡아 드립니다. 마음에 드는 시안을 말씀해 주셔도 좋습니다.

무료 상담