Maison Victoire
Halles Paul Bocuse의 한 매장: 리옹 시민과 관광객 모두에게 말을 걸어야 했습니다.
- 연도
- 2026
- 제작 기간
- 3주
- 기술 스택
- Next.js · React · Tailwind · Vercel
- 디자인
- 개발
- 2개 국어
- 로컬 SEO
- 카피라이팅
Kayzen Web이 Vercel 주소에 공개한 데모 버전입니다. 정식 도메인은 고객 소유입니다.

- 개 언어, 두 개의 실제 사이트 구조
- 2
- Lighthouse 접근성
- 97/100
- Lighthouse SEO우리 포트폴리오에서 가장 낮은 SEO 점수 두 개 중 하나입니다. 2개 국어 사이트에 아직 해결되지 않은 감사 항목(링크와 description 태그)이 남아 있으며, 수정 계획에 포함되어 있습니다. 다음 작업 후 점수를 다시 공개합니다.
- 92/100
해결해야 했던 과제.
배경
Maison Victoire는 1990년부터 리옹 폴 보퀴즈 시장(Halles de Lyon Paul Bocuse)에 자리한 빵집입니다. 프랄린 브리오슈(brioche aux pralines)가 이 집의 대표 메뉴로 잘 알려져 있습니다.
제약
공통점이 전혀 없는 두 부류의 고객. 리옹 사람은 가게를 알고 주문하러 옵니다. 여행자는 시장을 처음 둘러보며 사 갈 만한 것을 찾고, 프랑스어를 읽지 못하는 경우도 많습니다. 두 고객 모두를 향한 단일 페이지로는 어느 쪽도 설득하지 못했을 것입니다.
해법
2개 국어 사이트를 만들고, 대표 상품을 입구로 삼았습니다. 프랄린 브리오슈에는 역사, 만드는 과정, 보관법, 매장 픽업 예약 버튼을 담은 전용 페이지가 있습니다. 여행자를 끌어들이고 단골을 안심시키는 페이지입니다.
납품 시점에 측정한 점수.
운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.
모든 선택에는 이유가 있습니다.
상품의 색
프랄린 핑크, 크림, 빵 껍질 브라운. 팔레트는 브랜드 가이드가 아니라 상품 자체에서 뽑았습니다. 식품업에서는 상품이 곧 아이덴티티입니다.
입구가 된 대표 상품
이야기와 보관법을 담은 프랄린 브리오슈 전용 페이지. 홈이 노릴 수 없는 리옹 특산품 검색에 대한 답이 되어 줍니다.
눈에 띄는 언어 전환
언어 선택기는 푸터가 아니라 헤더에 있습니다. 외국인 방문자가 3초 안에 찾지 못하면 페이지를 떠납니다.
프로젝트 색상 팔레트
프랄린 핑크
#C4405C
아이덴티티, 강조
크림
#FBF4E9
배경
크러스트 브라운
#6B4327
제목
소프트 골드
#D9A441
디테일
타이포그래피 체계
제목용 서체
Cormorant Garamond
본문용 서체
Karla 400
간판에는 우아한 세리프를, 읽기에는 휴머니스트 그로테스크를 썼습니다. 낡은 느낌 없는 장인의 분위기입니다.
보이지 않는 곳의 기술.
- Next.js
- React
- Tailwind
- Vercel
쿠키가 아닌 URL 기반 2개 국어
/fr/과 /en/은 상호 hreflang 태그를 갖춘 두 개의 실제 사이트 구조입니다. 클라이언트 측 전환이었다면 URL 하나만 색인되어, 한 버전만 검색에 노출되었을 것입니다.
매장 픽업 예약
픽업 시간대를 고르는 주문 양식으로, 온라인 결제는 없습니다. 매장에서 찾아가는 주문에 빵집이 결제 퍼널까지 갖출 필요는 없습니다. 수수료와 이탈만 늘어날 뿐입니다.
사이트가 검색되는 방식.
시장이라는 이름에 기대기
“폴 보퀴즈 시장 빵집”, “리옹 프랄린 브리오슈”, “리옹 기념 특산품”. 가게 이름보다 더 강력한 브랜드인 장소를 기준으로 포지셔닝합니다.
완전한 hreflang
모든 페이지가 대체 언어 버전과 자신의 canonical을 선언합니다. 대부분의 2개 국어 사이트가 실패하는 지점이며, 결국 Google이 한 언어만 색인하게 되는 지점입니다.
Bakery 마크업
영업시간, 주소, 가격대를 갖춘 Bakery 유형. Google은 이 유형을 구분하여 로컬 검색 결과에서 다르게 표시합니다.
납품한 결과물.
- 홈(FR / EN)
- 프랄린 브리오슈
- 제품 소개
- 픽업 예약
- 1990년부터 이어 온 가게
- 시장 찾아오는 길
프로젝트 진행 과정.
포지셔닝
두 고객층을 확인하고 대표 상품을 입구로 선정.
2개 국어
/fr/·/en/ 사이트 구조, 상호 hreflang.
디자인
상품에서 뽑은 팔레트, 대표 상품 페이지.
예약
픽업 시간대, 온라인 결제 없음.


