Brasserie Georges
一家始于1836年的餐酒馆：网站要配得上它的装潢，而不是将其掩盖。
- 年份
- 2026
- 制作周期
- 概念方案——3 周
- 技术栈
- Next.js · React · TypeScript · Tailwind · Vercel
- 艺术指导
- 设计
- 开发
- SEO
- 文案撰写
由Kayzen Web上线在演示地址上的提案设计稿；该品牌尚未确认此项目，此网站也不是其官方网站。
声明。此设计稿由Kayzen Web主动制作，并已提交给相关品牌。该品牌未予确认，网站未以其名义上线，也不对该品牌构成任何约束。我们不将其作为客户案例展示。
- 开业年份
- 1836
- 周年（2026 年）
- 190
- 张装饰纹样图片全部采用 SVG
- 0
需要解决的问题。
背景
Brasserie Georges 是里昂佩拉什（Perrache）的一座地标，1836 年开业，也是法国最大的法式餐馆（brasserie）。它的装饰艺术（Art Déco）风格大厅，既载入了各类指南，也深深刻进了这座城市的集体记忆。
限制
如此量级的场所无需推销：它需要的是呈现。难点在于，要在一块六英寸的手机屏幕上还原一座非凡大厅的风采，同时满足那些平实的需求——周六晚上订一张四人桌、组织一场宴会、查询营业时间。
对策
让装饰本身成为网站的结构。壁画和铁艺提供了色板、节奏和分隔纹样。每个版块都是一个厅；浏览网站就像在店里漫步。在这层舞台布景之下，各项功能始终处于最显著的位置：订位、包场、前往。
每一个设计取舍，及其理由。
色板源自场所本身
车厢绿、黄铜、石榴红和奶油色：这些颜色都取自大厅的壁画和铁艺。没有一种是凭空创造的。
以装饰艺术纹样作分隔
分隔线沿用了室内装饰中的几何纹样，以轻量 SVG 实现。它们带来了节奏感，却没有多用一张图片。
190 周年专题
一个专门的周年纪念版块，按新闻资料包的方式处理：日期、数字、档案。这是会被分享、被引用的内容。
把包场当作一项产品
各厅容量、布局方式、套餐方案。对于这种规模的法式餐馆来说，宴会是业务的重要组成部分；它值得的不只是一段文字。
项目配色
车厢绿
#1F3B33
背景、木饰
黄铜
#C39A4E
线条、纹样
石榴红
#7A2233
强调色
奶油色
#F4EDDF
正文、浅色表面
字体系统
标题字体
Poiret One / Cormorant
正文字体
Inter 400
标题采用装饰艺术风格的几何展示字体，正文则全部以当代无衬线字体加以平衡——否则页面将无法阅读。
幕后的技术实现。
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
静态渲染与渐进式图片
以呈现为主的网站天生体量较大。每张大厅照片都以多种宽度和现代格式提供，并随着滚动渐进加载。
纹样用 SVG，绝不用图片
装饰艺术风格的分隔纹样只有几百字节，在任何分辨率下都保持清晰。
网站如何被搜索到。
文化遗产类与交易类搜索
一边是“Brasserie Georges Lyon”、“plus grande brasserie de France”（法国最大的法式餐馆）、“restaurant Perrache”（佩拉什 餐厅）；另一边是“réserver brasserie Lyon”（里昂 法式餐馆 订位）、“banquet Lyon”（里昂 宴会）。两种意图，两组页面。
Restaurant 与 Event 结构化标记
餐馆带有一个完整的 Restaurant 节点；190 周年则带有一个有日期的 Event 节点。有日期的活动会出现在专门的搜索结果区域中。
交付了哪些内容。
- 首页——大厅
- 菜单
- 订位
- 包场——容量与套餐
- 190 周年——专题
- 历史（始于 1836 年）
- 交通
项目的推进过程。
场所研究
采集色彩与纹样，整理档案与数字。
艺术指导
取样色板、纹样矢量化、版块节奏。
设计
按厅漫步式浏览，功能置于首位。
开发
静态网站、渐进式图片、SVG 纹样。
