Restaurant Zigana
跳出“烤肉店”的类别，又不放弃吸引顾客上门的那些东西。
- 年份
- 2026
- 制作周期
- 2 周
- 技术栈
- React · Tailwind · Vercel
- 设计
- 开发
- 本地 SEO
- 文案撰写
由Kayzen Web上线在Vercel地址上的演示版本；正式域名归客户所有。
- 开业年份
- 2011
- 小牛肉，现场制作
- 100%
- Lighthouse SEO
- 100/100
需要解决的问题。
背景
Zigana 自 2011 年起开在里昂九区沃伊斯（Vaise）的瓦尔米广场（place Valmy）。供应传统土耳其菜、烧烤，以及现场制作的 100% 小牛肉土耳其烤肉卷（kebab）。
限制
这一品类背负着一种质量上的偏见，而这家店并不该承受。网站需要把人们的印象转向土耳其菜和自制，同时又不能丢掉那些贡献了大部分营业额的高流量搜索。
对策
保留带来流量的那个词，并立即为它配上证据：“100% 小牛肉”、“现场制作”、“始于 2011 年”。菜单把烧烤和传统菜肴与卷饼放在同一层级。SEO 同时瞄准这两种调性。
交付时测得的评分。
以下为线上网站的Lighthouse评分。我们如实公布：若某项分数偏低，其原因与改进计划会在下文写明，而不是避而不谈。
每一个设计取舍，及其理由。
拍摄真实的产品
照片在店内实拍，不用图库素材。在这个市场上，图库照片一眼就会被识破，并摧毁“自制”的承诺。
证据放在首屏
“100% 小牛肉”、“自制”、“始于 2011 年”显示在菜单之前。这恰好是犹豫不决的客人最常有的三个顾虑。
按调性排列的菜单
先是烧烤和传统菜肴，再是卷饼。菜单的顺序既是版式选择，也是定位选择。
项目配色
炭火红
#A83232
品牌识别
奶油色
#FAF5EC
背景
炭黑
#26221F
正文
藏红花黄
#D89A2C
强调色
字体系统
标题字体
Outfit 700
正文字体
Inter 400
中性易读：对于一份只看三十秒的菜单，个性来自照片，而不是字体。
幕后的技术实现。
- React
- Tailwind
- Vercel
出于必要的轻量
许多访问是在中午、街头、信号不佳的 4G 下进入的。整个网站只有几十 KB 的 HTML 和 CSS，首屏图片也包含在内。
已明确的无障碍改进点
88 分源于两个次要组件的对比度不足。这一点已记录在案，将在下一次维护时修复——我们宁愿写出来，也不愿略过不提。
网站如何被搜索到。
两种调性的搜索词
“Kebab Vaise”（沃伊斯 土耳其烤肉卷）负责流量，“restaurant turc Lyon 9”（里昂九区 土耳其餐厅）负责定位。放弃前者会失去大部分流量；只做前者，又会把这家店困在原有的印象里。
扎根瓦尔米广场
广场名称出现在标题和结构化标记中。这是里昂人实际使用的地标。
交付了哪些内容。
- 首页
- 菜单
- 关于我们
- 交通与营业时间
- 点餐（电话）
项目的推进过程。
定位
兼顾两种调性，证据置于页首。
摄影
店内实拍，真实产品。
开发
轻量网站，分层级的菜单。
