Maison Victoire
店铺位于Halles Paul Bocuse：网站必须同时对里昂本地人和游客说话。
- 年份
- 2026
- 制作周期
- 3 周
- 技术栈
- Next.js · React · Tailwind · Vercel
- 设计
- 开发
- 双语
- 本地 SEO
- 文案撰写
由Kayzen Web上线在Vercel地址上的演示版本；正式域名归客户所有。
- 种语言，两套真实的网站结构
- 2
- Lighthouse 无障碍
- 97/100
- Lighthouse SEO这是我们最低的两个 SEO 分数之一：双语网站仍有未关闭的审计项（链接和描述标签）；它们已列入修复计划，下一次优化后将重新公布分数。
- 92/100
需要解决的问题。
背景
Maison Victoire 自 1990 年起入驻里昂保罗·博古斯市场（Halles de Lyon Paul Bocuse）。店里的果仁糖布里欧修（brioche aux pralines）是公认的招牌特产。
限制
两类毫无共同点的受众。里昂本地人熟悉这家店，是来下单的；游客初次逛市场，想找点什么带回去，而且不一定读得懂法语。一个同时面向两者的单一页面，谁都说服不了。
对策
做一个双语网站，并把招牌产品作为入口。果仁糖布里欧修拥有自己的页面：它的历史、制作、保存方法，以及预约到店自取的按钮。正是这个页面吸引了游客，也让熟客安心。
交付时测得的评分。
以下为线上网站的Lighthouse评分。我们如实公布：若某项分数偏低，其原因与改进计划会在下文写明，而不是避而不谈。
每一个设计取舍，及其理由。
产品本身的颜色
果仁糖玫红、奶油色和面包皮棕。色板取自产品本身，而不是由品牌规范强加：在食品手工业，是商品本身定义了品牌形象。
以招牌产品为入口
一个专属于果仁糖布里欧修的页面，讲述它的故事和保存方法。它回应的是对里昂特产的搜索——这是首页无法覆盖的。
醒目的语言切换
语言选择器放在页头，而不是页脚。外国访客如果三秒内找不到它，就会离开页面。
项目配色
果仁糖玫红
#C4405C
品牌识别、强调色
奶油色
#FBF4E9
背景
面包皮棕
#6B4327
标题
柔金
#D9A441
细节点缀
字体系统
标题字体
Cormorant Garamond
正文字体
Karla 400
优雅的衬线字体用于店名，人文主义无衬线字体用于阅读——有手工匠心，却不显老派。
幕后的技术实现。
- Next.js
- React
- Tailwind
- Vercel
通过 URL 实现双语，而不是 Cookie
/fr/ 和 /en/ 是两套真实的网站结构，配有相互指向的 hreflang 标签。如果只在客户端切换，被索引的将只有一个 URL，也就只有一个语言版本能获得排名。
预约到店自取
带自取时段的订购表单，不设在线支付。面包店的到店自取订单不需要支付流程——那只会增加手续费和放弃率。
网站如何被搜索到。
借力保罗·博古斯市场
“Boulangerie Halles Paul Bocuse”（保罗·博古斯市场 面包店）、“brioche aux pralines Lyon”（里昂 果仁糖布里欧修）、“spécialité lyonnaise à rapporter”（可带走的里昂特产）。我们借助的是地点——它是一个比店铺本身更强大的品牌。
完整的 hreflang
每个页面都声明其另一语言版本及自身的 canonical。大多数双语网站正是在这里失败的，最终 Google 只索引其中一种语言。
Bakery 结构化标记
Bakery 类型，附营业时间、地址和价格区间：Google 能识别这一类型，并在本地搜索结果中以不同方式展示。
交付了哪些内容。
- 首页（FR / EN）
- 果仁糖布里欧修
- 我们的产品
- 预约到店自取
- 品牌历史（始于 1990 年）
- 如何前往市场
项目的推进过程。
定位
识别出两类受众，选定一款招牌产品作为入口。
双语
/fr/ 与 /en/ 网站结构，相互指向的 hreflang。
设计
取自产品的色板，招牌产品专页。
预约
自取时段，不设在线支付。
