Le Galant
손에 쥘 수 없는 물건을 판다는 것: 모든 것은 매크로 사진에 달려 있습니다.
- 연도
- 2026
- 제작 기간
- 3주
- 기술 스택
- Next.js · React · Tailwind · Vercel
- 아트 디렉션
- 디자인
- 개발
- SEO
- 카피라이팅
Kayzen Web이 Vercel 주소에 공개한 데모 버전입니다. 정식 도메인은 고객 소유입니다.
- Lighthouse 성능
- 96/100
- Lighthouse 접근성
- 100/100
- 모델당 매크로 사진, 늘 같은 지점
- 3
해결해야 했던 과제.
배경
Le Galant은 수제 칼 공방입니다. 티에르(Thiers)에서 만든 폴딩 나이프와 테이블 나이프를 선보이며, 론강 변 세리에르(Serrières)에 쇼룸이 있습니다.
제약
칼은 손에 쥐어 보고 고릅니다. 온라인에서는 촉감이 없다는 한계를 메워야 합니다. 손잡이의 소재, 칼날의 광택, 조립의 정밀함이 눈에 보여야 합니다. 이것이 프로젝트의 유일한 난제이며, 기술적 문제이기 전에 사진의 문제입니다.
해법
매크로 사진이 사이트의 구조를 이룹니다. 각 모델을 손잡이와 칼날의 접합부, 칼등, 볼스터라는 세 지점에서 초근접 촬영하고, 소재명과 치수를 함께 보여 줍니다. 티에르의 이야기는 핵심 논거가 아니라 보증으로서 그 뒤에 나옵니다.
납품 시점에 측정한 점수.
운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.
모든 선택에는 이유가 있습니다.
매크로를 기본 단위로
모델마다 세 장의 근접 사진을, 언제나 같은 위치에서 찍습니다. 이 일관성 덕분에 모델끼리 비교할 수 있습니다. 제각각인 갤러리로는 불가능한 일입니다.
소재의 이름을 밝히기
목재의 수종, 강철의 등급, 볼스터의 종류. 수제 칼 고객은 이 어휘를 압니다. 이를 생략하는 것은 다른 누군가에게 말을 거는 것과 같습니다.
목적지가 된 쇼룸
세리에르의 공간을 찾아오는 길, 운영 시간과 함께 연출했습니다. 고객 중 일부는 사기 전에 직접 보고 싶어 합니다. 사이트는 이 방문을 마지못해 받는 대신 적극적으로 안내합니다.
프로젝트 색상 팔레트
스틸
#5A6169
구조
주니퍼
#7A5E3A
온기, 소재감
오프화이트
#F6F3EE
매크로 배경
잉크
#191B1D
텍스트
타이포그래피 체계
제목용 서체
Cormorant Garamond 600
본문용 서체
Inter 400
공예품에는 가는 세리프를, 사양에는 기술적인 산세리프를 썼습니다. 두 톤의 대비가 제품 자체의 대비를 그대로 옮깁니다.
보이지 않는 곳의 기술.
- Next.js
- React
- Tailwind
- Vercel
무거운 이미지, 가벼운 페이지
매크로 사진은 본래 디테일이 많습니다. 점진적 로딩, 최신 포맷, 우선 로드 이미지 하나. 거의 전부가 시각 요소인 페이지에서도 성능 96점입니다.
데이터로 관리하는 카탈로그
모델, 소재, 치수, 재고를 타입이 지정된 파일 하나에 담아, 상품 상세 페이지와 마크업의 단일 원천으로 씁니다.
사이트가 검색되는 방식.
원산지 신호로서의 티에르
“티에르 수제 칼”, “프랑스 폴딩 나이프”. 이 시장에서 원산지는 모델보다 앞서는 첫 번째 검색 기준입니다.
Product 마크업
각 모델에 소재, 치수, 재고가 포함된 Product 노드를 달았습니다. 이것이 검색 결과의 리치 스니펫 표시를 가능하게 합니다.
누구나 사용할 수 있도록.
2025년 6월부터 유럽 접근성법(European Accessibility Act)에 따라 상당수 온라인 서비스에 디지털 접근성이 의무화되었습니다. 저희는 사후 보완이 아니라 설계 단계에서부터 접근성을 다룹니다.
유용한 설명으로 얻은 100/100
각 매크로 사진을 “주니퍼 손잡이와 XC75 강철 칼날의 접합부”처럼 정확히 설명합니다. 설명적인 대체 텍스트는 스크린 리더만큼 SEO에도 도움이 됩니다.
납품한 결과물.
- 홈
- 폴딩 나이프
- 테이블 나이프
- 티에르 공방
- 세리에르 쇼룸
- 문의
프로젝트 진행 과정.
사진 디렉션
매크로 촬영 규칙: 모델당 세 지점, 일정한 조명.
콘텐츠
소재, 치수, 칼 공예의 어휘.
디자인
일관된 상품 상세, 쇼룸 연출.
개발
타입이 지정된 카탈로그, 점진적 이미지 로딩, Product 마크업.
