베이커리 & 파티스리

Maison Victoire

Halles Paul Bocuse의 한 매장: 리옹 시민과 관광객 모두에게 말을 걸어야 했습니다.

연도
2026
제작 기간
3주
기술 스택
Next.js · React · Tailwind · Vercel
  • 디자인
  • 개발
  • 2개 국어
  • 로컬 SEO
  • 카피라이팅

Kayzen Web이 Vercel 주소에 공개한 데모 버전입니다. 정식 도메인은 고객 소유입니다.

https://maison-victoire.vercel.app/
Maison Victoire 웹사이트 메인 페이지 — 베이커리 & 파티스리, Kayzen Web 제작
개 언어, 두 개의 실제 사이트 구조
2
Lighthouse 접근성
97/100
Lighthouse SEO우리 포트폴리오에서 가장 낮은 SEO 점수 두 개 중 하나입니다. 2개 국어 사이트에 아직 해결되지 않은 감사 항목(링크와 description 태그)이 남아 있으며, 수정 계획에 포함되어 있습니다. 다음 작업 후 점수를 다시 공개합니다.
92/100
출발점

해결해야 했던 과제.

배경

Maison Victoire는 1990년부터 리옹 폴 보퀴즈 시장(Halles de Lyon Paul Bocuse)에 자리한 빵집입니다. 프랄린 브리오슈(brioche aux pralines)가 이 집의 대표 메뉴로 잘 알려져 있습니다.

제약

공통점이 전혀 없는 두 부류의 고객. 리옹 사람은 가게를 알고 주문하러 옵니다. 여행자는 시장을 처음 둘러보며 사 갈 만한 것을 찾고, 프랑스어를 읽지 못하는 경우도 많습니다. 두 고객 모두를 향한 단일 페이지로는 어느 쪽도 설득하지 못했을 것입니다.

해법

2개 국어 사이트를 만들고, 대표 상품을 입구로 삼았습니다. 프랄린 브리오슈에는 역사, 만드는 과정, 보관법, 매장 픽업 예약 버튼을 담은 전용 페이지가 있습니다. 여행자를 끌어들이고 단골을 안심시키는 페이지입니다.

주장이 아닌 측정

납품 시점에 측정한 점수.

운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.

PageSpeed
85
성능: 100점 만점에 85점
97
접근성: 100점 만점에 97점
100
권장사항: 100점 만점에 100점
92
검색엔진 최적화: 100점 만점에 92점
디자인 & 아트 디렉션

모든 선택에는 이유가 있습니다.

  1. 상품의 색

    프랄린 핑크, 크림, 빵 껍질 브라운. 팔레트는 브랜드 가이드가 아니라 상품 자체에서 뽑았습니다. 식품업에서는 상품이 곧 아이덴티티입니다.

  2. 입구가 된 대표 상품

    이야기와 보관법을 담은 프랄린 브리오슈 전용 페이지. 홈이 노릴 수 없는 리옹 특산품 검색에 대한 답이 되어 줍니다.

  3. 눈에 띄는 언어 전환

    언어 선택기는 푸터가 아니라 헤더에 있습니다. 외국인 방문자가 3초 안에 찾지 못하면 페이지를 떠납니다.

프로젝트 색상 팔레트

  • 프랄린 핑크

    #C4405C

    아이덴티티, 강조

  • 크림

    #FBF4E9

    배경

  • 크러스트 브라운

    #6B4327

    제목

  • 소프트 골드

    #D9A441

    디테일

타이포그래피 체계

제목용 서체

Cormorant Garamond

본문용 서체

Karla 400

간판에는 우아한 세리프를, 읽기에는 휴머니스트 그로테스크를 썼습니다. 낡은 느낌 없는 장인의 분위기입니다.

엔지니어링

보이지 않는 곳의 기술.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. 쿠키가 아닌 URL 기반 2개 국어

    /fr/과 /en/은 상호 hreflang 태그를 갖춘 두 개의 실제 사이트 구조입니다. 클라이언트 측 전환이었다면 URL 하나만 색인되어, 한 버전만 검색에 노출되었을 것입니다.

  2. 매장 픽업 예약

    픽업 시간대를 고르는 주문 양식으로, 온라인 결제는 없습니다. 매장에서 찾아가는 주문에 빵집이 결제 퍼널까지 갖출 필요는 없습니다. 수수료와 이탈만 늘어날 뿐입니다.

검색엔진 최적화

사이트가 검색되는 방식.

  1. 시장이라는 이름에 기대기

    “폴 보퀴즈 시장 빵집”, “리옹 프랄린 브리오슈”, “리옹 기념 특산품”. 가게 이름보다 더 강력한 브랜드인 장소를 기준으로 포지셔닝합니다.

  2. 완전한 hreflang

    모든 페이지가 대체 언어 버전과 자신의 canonical을 선언합니다. 대부분의 2개 국어 사이트가 실패하는 지점이며, 결국 Google이 한 언어만 색인하게 되는 지점입니다.

  3. Bakery 마크업

    영업시간, 주소, 가격대를 갖춘 Bakery 유형. Google은 이 유형을 구분하여 로컬 검색 결과에서 다르게 표시합니다.

사이트 구조

납품한 결과물.

  • 홈(FR / EN)
  • 프랄린 브리오슈
  • 제품 소개
  • 픽업 예약
  • 1990년부터 이어 온 가게
  • 시장 찾아오는 길
방법론

프로젝트 진행 과정.

  1. 포지셔닝

    두 고객층을 확인하고 대표 상품을 입구로 선정.

  2. 2개 국어

    /fr/·/en/ 사이트 구조, 상호 hreflang.

  3. 디자인

    상품에서 뽑은 팔레트, 대표 상품 페이지.

  4. 예약

    픽업 시간대, 온라인 결제 없음.

질문

자주 받는 질문.

폴 보퀴즈 시장이라면 그렇습니다. 방문자의 상당수가 외국인이며 사 갈 특산품을 찾습니다. 리옹의 다른 곳이라면 아마 필요 없을 것입니다. 원칙이 아니라 실제 고객이 어디서 오는지에 따라 판단할 문제입니다.

같은 수준의 기준을, 귀하의 사이트에도.

현재 사이트 무료 진단, 24시간 이내 견적, 그리고 방금 읽으신 것과 같은 서면 분석을 제공합니다. 3회 무이자 분할 결제가 가능하며, 이용 가능한 지역 지원금은 계약 전에 확인합니다.

공유