공방 / 02 / 04Leather Workshop Landing Page

HAND & GRAIN핸드앤그레인

가죽 공방

쓸수록 색이 드는 물건

BrandingLanding PageResponsive
라이브 데모 열기
Project

가죽 공방 랜딩페이지

Concept

Tan / Sturdy / Handmade

Target

30~40대, 각인 선물과 맞춤 제작을 찾는 고객

Goal

주문 제작 문의

Main Visual

Desktop

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

handgrain.kr
Responsive

Desktop · Tablet · Mobile

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

Tablet · 834px
Mobile · 390px
Mobile

휴대폰에서 보는 주요 화면

Hero브랜드 첫인상
Order제작 문의
Key Sections

페이지를 이루는 화면

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

  1. 01Hero브랜드 첫인상
  2. 02Product기성 제품 4종
  3. 03Custom주문 제작 과정
  4. 04Workshop공방과 도구
  5. 05Order제작 문의
Design System

색 · 타이포 · 컴포넌트

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

Color
#F6F1E8크림
#E0CDB4베이지
#B4713A
#6D4526다크 탠
#241A13잉크
Typography

Flower & 꽃

Plus Jakarta Sans Display

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

Noto Sans KR Body

제품 사진이 이미 따뜻해서, 서체는 각지고 건조한 산세리프로 잡아 균형을 맞췄습니다.

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

이렇게 설계했습니다

점선 스티치를 시스템으로

카드 · 버튼 · 구분선에 같은 점선을 반복해, 가죽의 박음질을 화면의 언어로 옮겼습니다.

주문 제작은 기간부터

‘상담 → 가죽 선택 → 제작 2~3주 → 수령’을 먼저 보여 줍니다. 기간을 모르면 문의를 미룹니다.

A/S를 적어 두면 팔립니다

실 터짐 무상 수선처럼 오래 쓰는 근거를 명시했습니다. 가죽은 그 약속으로 가격이 정당해집니다.

스티치 라인 시스템주문 제작 안내A/S 정책Plus Jakarta Sans × Noto Sans KR

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

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

제작 문의하기