EUNGYEOL은결
은세공 · 주얼리 공방손가락 하나에 맞추는 일
BrandingLanding PageInteractionResponsive
라이브 데모 열기 은세공 · 주얼리 공방 랜딩페이지
Charcoal / Slate / Precise
커플링 · 돌반지 · 기념 반지를 맞추려는 20~40대
예상 견적을 스스로 확인하고 상담까지 오게 하는 것
Main Visual
Desktop
스크린샷이 아니라 실제 페이지를 1440px 화면 그대로 띄운 미리보기입니다. 프레임을 누르면 페이지가 열립니다.
eungyeol.kr
Responsive
Desktop · Tablet · Mobile
같은 페이지가 화면 크기에 따라 어떻게 접히는지 보여 줍니다. 손님 대부분은 휴대폰으로 보기 때문에, 모바일에서 먼저 확인하며 만듭니다.
Mobile
휴대폰에서 보는 주요 화면
Key Sections
페이지를 이루는 화면
각 항목을 누르면 데모의 해당 섹션으로 바로 이동합니다.
Design System
색 · 타이포 · 컴포넌트
섹션마다 색을 새로 고르지 않습니다. 다섯 개의 색과 두 개의 서체를 정해 두고 페이지 전체를 그 안에서 만듭니다.
Color
#14161A차콜
#1E2228그래파이트
#7D8BA3슬레이트
#C3CAD6실버
#EEF1F5페이퍼
Typography
Flower & 꽃
Plus Jakarta Sans Display가장 좋은 계절에, 가장 좋은 꽃으로 만듭니다.
Noto Sans KR Body세리프를 쓰지 않았습니다. 치수와 가격이 주인공인 화면이라 도면에 가까운 산세리프로 통일했습니다.
Keywords
CharcoalSlatePreciseMade to Size
Components예약 문의하기둘러보기당일 배송웨딩
Signature Bouquet시그니처 꽃다발₩ 89,000
Notes
이렇게 설계했습니다
"얼마예요"에 먼저 답합니다
주문 제작에서 가장 많이 오는 질문입니다. 종류 · 소재 · 폭 · 각인을 고르면 예상 금액과 제작 기간이 바로 나옵니다. 상담 전에 이미 절반은 정해집니다.
화면 아래에 계속 붙어 있는 계산기
고른 조합과 금액이 하단 바에 고정으로 따라다닙니다. 스크롤을 내리다 마음이 바뀌어도 다시 올라갈 필요가 없습니다.
호수는 사진으로 못 고릅니다
1호부터 25호까지 내경과 둘레를 표로 두고, 실로 재는 방법을 세 단계로 적었습니다. 반품 사유 1위를 화면에서 미리 막습니다.
언제 받는지를 달력으로
"2주쯤 걸립니다" 대신 4주 달력 위에 왁스 · 주조 · 연마 · 발송을 얹었습니다. 기념일이 있는 손님은 이 그림 하나로 주문 시점을 정합니다.
반지 견적 구성기호수 대조표15일 제작 캘린더Plus Jakarta Sans × Noto Sans KR