Chez Mounier
1985년부터 이어진 부숑: 사이트도 그만큼 오래 그 자리에 있었던 것처럼 보여야 했습니다.
- 연도
- 2026
- 제작 기간
- 2주
- 기술 스택
- React · Vite · Tailwind · Vercel
- 디자인
- 개발
- 로컬 SEO
- 카피라이팅
Kayzen Web이 Vercel 주소에 공개한 데모 버전입니다. 정식 도메인은 고객 소유입니다.

- 개업 연도
- 1985
- 대째
- 3
- Lighthouse 접근성 및 SEO
- 100/100
해결해야 했던 과제.
배경
Chez Mounier는 리옹 2구 마로니에 거리(rue des Marronniers)에서 1985년부터 3대째 이어 온 가족 경영 부숑(bouchon, 리옹 전통 식당)입니다. 크넬(quenelle), 타블리에 드 사푀르(tablier de sapeur, 소 위 튀김), 리옹식 샐러드까지 모든 요리를 직접 만듭니다.
제약
부숑은 형식이 뚜렷한 장르이고, 손님들은 새것을 경계합니다. 지나치게 현대적인 사이트는 어색하게 들렸을 것이고, 요리의 진정성마저 의심하게 만들었을 것입니다. 기술은 현대적이되 겉모습은 시대를 타지 않는 사이트가 필요했습니다.
해법
진정성은 디테일로 증명합니다. 메뉴는 요리마다 직접 만든 것인지 표시하고, “가게 이야기” 페이지는 3대의 역사를 연도와 함께 들려주며, 예약은 전화로 받습니다. 이 식당이 그렇게 운영되기 때문입니다. 전화를 직접 받는 가게에 양식을 강요하지 않습니다.
납품 시점에 측정한 점수.
운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.
모든 선택에는 이유가 있습니다.
흉내 없는 깅엄 체크
깊은 빨강, 오프화이트, 섹션 배경의 은은한 패턴. 부숑의 시각 코드를 인용하되 글자 그대로 모방하지 않았습니다. 흉내는 티가 나고 오히려 해가 됩니다.
요리마다 “직접 만듦” 표시
매장에서 직접 만든 요리에는 그 표시가 붙습니다. 데우기만 하는 식당과 부숑을 가르는 핵심 논거이며, 한 줄 한 줄 확인할 수 있어야 했습니다.
전화가 주된 행동
전화 버튼을 가장 앞에, 모바일에서는 늘 보이게 두었습니다. 온라인 예약 모듈을 추가했다면 가게가 확인하지 않는 채널이 생겼을 것입니다. 손님에게는 최악의 시나리오입니다.
프로젝트 색상 팔레트
부숑 레드
#8C2E2E
아이덴티티
오프화이트
#F7F3EC
배경
잉크
#231F1D
텍스트
올리브 그린
#5E6440
보조 섹션
타이포그래피 체계
제목용 서체
Bitter 700
본문용 서체
Inter 400
제목에는 칠판 메뉴처럼 읽기 쉬운 따뜻한 슬래브 세리프를, 메뉴에는 중립적인 산세리프를 썼습니다.
보이지 않는 곳의 기술.
- React
- Vite
- Tailwind
- Vercel
정적 사이트, 무료 호스팅
애플리케이션 서버도, 데이터베이스도 없습니다. 연간 운영 비용은 도메인 비용뿐입니다.
타입이 지정된 메뉴
요리, 가격, “직접 만듦” 표시를 데이터 파일에 담았습니다. 계절별 메뉴 변경에 HTML을 건드릴 필요가 없습니다.
사이트가 검색되는 방식.
“마로니에 거리 리옹 부숑”
마로니에 거리는 그 자체로 목적지입니다. 도시가 아니라 거리를 기준으로 포지셔닝하면 반경 200미터 안에서 즉시 고르려는 의도를 잡을 수 있습니다.
색인되는 대표 요리
“리옹 수제 크넬”, “타블리에 드 사푀르”. 대표 요리마다 구조화된 콘텐츠에 이름을 명시했습니다. 식사를 계획하는 여행자들의 검색어입니다.
누구나 사용할 수 있도록.
2025년 6월부터 유럽 접근성법(European Accessibility Act)에 따라 상당수 온라인 서비스에 디지털 접근성이 의무화되었습니다. 저희는 사후 보완이 아니라 설계 단계에서부터 접근성을 다룹니다.
질감 있는 배경에서도 100/100
배경 패턴을 충분히 옅게 해 모든 텍스트가 4.5:1을 유지합니다. 장식 패턴 때문에 명도 대비 점수를 1점이라도 잃어서는 안 됩니다.
납품한 결과물.
- 홈
- 메뉴
- 1985년부터 이어 온 가게
- 오시는 길·영업시간
- 예약(전화)
프로젝트 진행 과정.
톤
흉내 없이 인용한 부숑의 코드, 가게 고유의 어휘.
콘텐츠
“직접 만듦” 표시가 있는 메뉴, 3대의 이야기.
개발
정적 사이트, 타입이 지정된 메뉴, 전화를 주된 행동으로.


