CASE 02 · WEB
헨이뷰티
속눈썹 상담소 브랜드 웹사이트 시안
- 분야
- 뷰티 · 속눈썹
- 작업
- 기획 · 디자인
- 화면
- PC · 모바일
- 단계
- 웹사이트 시안
정리한 방향
분위기를 보고,
예약까지 한 번에.
속눈썹 시술을 고민하는 분은 먼저 가게의 분위기를 보고, 시술 종류와 가격을 확인한 뒤 예약을 정합니다. 메뉴를 그 순서대로 놓아 망설임 없이 다음 단계로 넘어가도록 했습니다.
예약은 네이버 예약으로 연결하고, 그 버튼을 상단 메뉴 옆과 첫 화면에 두어 어느 지점에서든 바로 찾을 수 있게 했습니다. 브랜드 콘셉트 이미지에는 실제 시술 사진이 아니라는 표기를 붙여 방문자가 오해하지 않도록 했습니다.
메뉴 구조
네 개의 메뉴와
하나의 예약 버튼
메뉴는 꼭 필요한 네 가지로 줄이고, 예약은 별도의 버튼으로 분리해 언제든 눈에 띄게 했습니다.
홈
-
브랜드 소개
- 가게의 분위기와 상담 방식
-
시술 안내
- 시술 종류
- 가격
-
시술사진
- 시술 사진 모아 보기
-
오시는 길
- 위치와 찾아오는 방법
-
네이버 예약외부 예약 연결
- 상단 메뉴 옆 버튼
- 첫 화면 버튼
방문자 동선
처음 본 순간부터
예약하기까지
방문자가 실제로 결정을 내리는 순서를 화면의 순서로 옮겼습니다.
- 01
첫 화면
브랜드 메시지와 예약 버튼, 시술·가격 보기 링크를 나란히 둡니다.
- 02
시술 안내
어떤 시술이 있고 가격이 얼마인지 확인합니다.
- 03
시술사진
시술 사진을 모아 보며 원하는 느낌을 고릅니다.
- 04
오시는 길
위치와 찾아오는 방법을 확인합니다.
- 05
네이버 예약
어느 화면에서든 바로 예약으로 넘어갑니다.
화면 구성
화면에 담은 것
조용하고 섬세한 분위기를 지키면서도, 예약으로 가는 길은 분명하게 남겼습니다.
- 01
첫 화면 브랜드 메시지
짧은 문장과 함께 예약 버튼, 시술·가격 보기 링크를 배치했습니다.
- 02
상단 예약 버튼
PC에서는 상단 메뉴 옆에 네이버 예약 버튼을 늘 보이게 두었습니다.
- 03
핵심 안내 한 줄
첫 화면 아래에 가게의 특징 세 가지를 한 줄로 정리했습니다.
- 04
시술 안내와 가격
시술 종류별 안내와 가격을 한곳에서 확인합니다.
- 05
이미지 표기
콘셉트 이미지에는 ‘실제 시술 사진 아님’을 표시해 실제 사진과 구분합니다.
- 06
휴대폰 화면
휴대폰에서는 예약 버튼을 화면 폭에 맞춰 크게 보여 줍니다.