뷰티 / 01 / 04Nail Studio Landing Page

NAIL EDIT네일 에디트

네일샵

이번 달 아트, 그리고 다음 예약

BrandingLanding PageResponsive
라이브 데모 열기
Project

네일샵 랜딩페이지

Concept

Nude / Minimal / Clean

Target

20~30대 여성, 2~3주 주기로 다시 오는 단골

Goal

네이버 예약과 카카오톡 문의로 연결

Main Visual

Desktop

스크린샷이 아니라 실제 페이지를 1440px 화면 그대로 띄운 미리보기입니다. 프레임을 누르면 페이지가 열립니다.

nailedit.kr
Responsive

Desktop · Tablet · Mobile

같은 페이지가 화면 크기에 따라 어떻게 접히는지 보여 줍니다. 손님 대부분은 휴대폰으로 보기 때문에, 모바일에서 먼저 확인하며 만듭니다.

Tablet · 834px
Mobile · 390px
Mobile

휴대폰에서 보는 주요 화면

Hero이번 달 아트
Booking예약 방법
Key Sections

페이지를 이루는 화면

각 항목을 누르면 데모의 해당 섹션으로 바로 이동합니다.

  1. 01Hero이번 달 아트
  2. 02Art디자인 갤러리
  3. 03Price시술 가격표
  4. 04Care관리와 유지 안내
  5. 05Booking예약 방법
Design System

색 · 타이포 · 컴포넌트

섹션마다 색을 새로 고르지 않습니다. 다섯 개의 색과 두 개의 서체를 정해 두고 페이지 전체를 그 안에서 만듭니다.

Color
#FBF7F4오프 화이트
#EFE2DA누드 베이지
#C9A292로즈 베이지
#8A6A5E브라운
#2F2A28잉크
Typography

Flower & 꽃

Cormorant Garamond Display

가장 좋은 계절에, 가장 좋은 꽃으로 만듭니다.

Noto Sans KR Body

제목과 디자인 이름을 세리프로 통일하고, 안내와 가격만 산세리프로 남겼습니다. 사진 위 라벨도 같은 세리프입니다.

Keywords
NudeMinimalGridClean
Components
예약 문의하기둘러보기당일 배송웨딩
Signature Bouquet시그니처 꽃다발₩ 89,000
Notes

이렇게 설계했습니다

가격표를 숨기지 않습니다

네일은 가격을 물어보기 전에 검색으로 비교합니다. 표로 먼저 보여 주면 문의의 질이 달라집니다.

아트는 옆으로 미는 띠로

손톱 사진은 비율이 제각각입니다. 정사각으로 잘라 한 줄로 세우고 이름을 사진 위에 얹으면, 작업물이 낱장이 아니라 시리즈로 보입니다.

재방문 주기를 안내로

2~3주 뒤 리터치를 권하는 안내를 넣어, 다음 예약이 자연스럽게 이어지게 했습니다.

가로 스크롤 아트 갤러리시술 가격표예약 안내Cormorant Garamond × Noto Sans KR

이런 홈페이지가 필요하신가요?

업종과 원하는 분위기만 알려 주시면 방향부터 함께 잡아 드립니다.

제작 문의하기