외식 & 비스트로노미미승인 제안

La Brasserie des Monts d'Or

5분의 운전 거리를 설득하기: 콘셉트 전체가 이 망설임에 답하는 데 있습니다.

연도
2026
제작 기간
콘셉트 — 2주
기술 스택
Next.js · React · TypeScript · Tailwind · Vercel
  • 아트 디렉션
  • 디자인
  • 개발
  • SEO
  • 쿠키 없는 방문자 분석

Kayzen Web이 데모 주소에 공개한 제안 시안입니다. 해당 브랜드는 이 프로젝트를 승인하지 않았으며 이 사이트는 브랜드의 사이트가 아닙니다.

https://brasseriedesmontsdor.vercel.app/
La Brasserie des Monts d'Or 웹사이트 메인 페이지 — 외식 & 비스트로노미, Kayzen Web 제작

유의 사항. 이 시안은 Kayzen Web이 자체적으로 제작하여 해당 브랜드에 제시한 것입니다. 브랜드의 승인을 받지 않았고, 브랜드 명의로 공개되지 않았으며, 브랜드에 어떠한 의무도 발생시키지 않습니다. 저희는 이를 고객 사례로 소개하지 않습니다.

저장되는 쿠키
0
동의 배너
0
연간 계절 메뉴 수
4
출발점

해결해야 했던 과제.

배경

리옹에서 몇 분 거리인 생시르오몽도르(Saint-Cyr-au-Mont-d'Or)의 비스트로노미 레스토랑으로, 황금빛 석재 건물에 계곡이 내려다보이는 파노라마 테라스가 있습니다.

제약

훌륭한 레스토랑이지만 도시 밖에 있습니다. 전환은 암묵적인 단 하나의 반론, “멀다”에 달려 있습니다. 평범한 레스토랑 사이트는 이 반론에 결코 답하지 않습니다.

해법

거리를 장애물이 아니라 핵심 논거로 다뤘습니다. 리옹 주요 지점에서의 이동 시간을 명시하고, 테라스와 전망을 찾아올 이유로 내세우며, 도시와의 대비를 약속으로 삼았습니다.

디자인 & 아트 디렉션

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

  1. 팔레트가 된 황금빛 석재

    황토색, 석회암, 언덕의 초록. 건물이 주인공이며, 아이덴티티는 여기서 곧바로 나옵니다.

  2. 이동 시간 표시

    “베즈에서 12분”, “파르디외(Part-Dieu)에서 18분”. 구체적인 숫자 하나가 해석이 필요한 지도보다 반론을 더 잘 해소합니다.

  3. 첫 화면은 테라스

    파노라마 전망이 발걸음을 할 이유입니다. 그래서 레스토랑 이름보다도 먼저, 화면 전체 너비로 가장 먼저 보입니다.

  4. 마을 광장의 분위기

    따뜻한 타이포그래피, 자연광 사진, 직설적인 어조. 비스트로노미의 톤이 격식 차린 파인다이닝으로 흘러가서는 안 됩니다.

프로젝트 색상 팔레트

  • 골든 스톤

    #C8A567

    아이덴티티

  • 석회암

    #F5EFE3

    배경

  • 힐 그린

    #4A5D3A

    강조

  • 잉크

    #26231E

    텍스트

타이포그래피 체계

제목용 서체

Fraunces 600

본문용 서체

Karla 400

축이 살짝 기운 현대적인 세리프로 투박하지 않은 따뜻함을 주고, 메뉴에는 휴머니스트 그로테스크를 썼습니다.

엔지니어링

보이지 않는 곳의 기술.

  • Next.js
  • React
  • TypeScript
  • Tailwind
  • Vercel
  1. 쿠키 없는 방문자 분석

    추적 도구를 심지 않고 식별도 하지 않으므로 동의 배너 없이 방문자를 측정합니다. 방문자는 곧장 콘텐츠로 들어옵니다. 레스토랑 사이트에서 배너는 첫 번째 마찰 지점입니다.

  2. 데이터로 관리하는 계절 메뉴

    메뉴는 1년에 네 번 바뀝니다. 유효 기간과 함께 타입이 지정된 파일에 들어 있어, 표시된 메뉴가 기한이 지나면 드러나지 않을 수 없습니다.

검색엔진 최적화

사이트가 검색되는 방식.

  1. 근교 나들이 검색어

    “몽도르 테라스 레스토랑”, “리옹 근교 전망 좋은 점심”, “생시르오몽도르 레스토랑”. 의도는 “식사”가 아니라 “도시를 벗어나기”이며, 어휘도 그에 따릅니다.

  2. 코뮌 기반

    LocalBusiness 마크업에 “리옹”이 아니라 정확한 코뮌을 적었습니다. 어설프게 연결하면 도시 검색어는 얻지 못한 채 코뮌 검색어만 잃습니다.

사이트 구조

납품한 결과물.

  • 홈 — 테라스와 전망
  • 계절 메뉴
  • 예약
  • 오시는 길 — 이동 시간과 주차
  • 가게 이야기
방법론

프로젝트 진행 과정.

  1. 반론 분석

    거리를 유일한 걸림돌로 확인하고 논거로 전환.

  2. 아트 디렉션

    건물과 풍경에서 채집한 팔레트.

  3. 디자인

    첫 화면의 테라스, 숫자로 표시한 이동 시간.

  4. 개발

    정적 사이트, 타입이 지정된 메뉴, 쿠키 없는 분석.

질문

자주 받는 질문.

네, 아무것도 저장하지 않고 누구도 식별하지 않는 분석 도구를 쓰면 됩니다. 방문 간 개인별 추적은 잃지만, 마찰 없는 경험과 논란의 여지 없는 규정 준수를 얻습니다. 브랜드 소개형 사이트라면 거의 언제나 올바른 선택입니다.

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

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

공유