나인폴드 커피

어떻게 만들어졌나

원본은 Shopify 기본 테마 위에서 브랜드 톤을 지킨 커머스입니다. 움직이는 요소는 다섯 가지, 이징은 두 가지뿐입니다.

그래서 모션보다 여백 수치를 맞추는 데 시간을 썼습니다. 홈 섹션 6개 중 5개를 픽셀 단위로 맞췄습니다.

원본과 모작의 문서 높이 차이는 33px입니다. 한국어 라벨의 넓은 자간(0.12em)도 옮겼습니다.

쇼핑 메뉴는 왼쪽에서 열리는 클릭 드로어입니다. 원두 카드에 마우스를 올리면 풍미 노트와 로스팅 단계가 나옵니다.

주요 기능

• 쇼핑 드로어 2단
• 장바구니 · 퀵 애드 · 상품 옵션
• 카페 안내 · 블로그 · FAQ
• 헤더 숨김

어디에 어떻게 쓸 수 있나

상품 수가 수십 개인 식음료·생활 브랜드의 자사몰에 맞습니다. 컬렉션, 상세, 장바구니, 매장 안내가 들어갑니다.

확인할 점

같은 조명·같은 바탕으로 찍은 상품 사진이 있어야 원본의 정돈된 인상이 납니다.