Boucherie de l'Avenue
把一家手工肉铺当作奢侈品牌来对待——因为它本来就是。
- 年份
- 2026
- 制作周期
- 3 周
- 技术栈
- React · Vite · Tailwind · Vercel
- 视觉识别
- 设计
- 开发
- 本地 SEO
- 套从零打造的视觉识别
- 1
- Lighthouse SEO
- 100/100
- 性能——优化进行中
- 69/100
需要解决的问题。
背景
一家位于里昂九区的手工肉铺，经营短供应链肉品，并提供外烩熟食服务。
限制
街区食品店在网上几乎总是形象欠佳：闪光灯直拍的照片、默认字体、没有任何关于肉品产地的信息。手艺在网上无处可见——而正是手艺，支撑着它与大型超市之间的价差。
对策
像对待奢侈品牌一样对待这位手艺人：量身定制的品牌形象、考究的字体、专业指导的摄影、完整的产地信息。客人想为之找理由的，是价格——必须给他理由。
交付时测得的评分。
以下为线上网站的Lighthouse评分。我们如实公布：若某项分数偏低，其原因与改进计划会在下文写明，而不是避而不谈。
每一个设计取舍，及其理由。
专门打造的视觉识别
专门设计的字母组合标志、色板和字体体系，随后延伸到店内的各类印刷品上。网站只是这套品牌形象的输出之一。
逐一标明产品产地
品种、产地，以及可确认时的养殖者。这是区分手工肉铺与超市自选货架的卖点，而此前它从未出现在任何地方。
专业指导的摄影
自然光、中性背景、不用直射闪光灯。在肉铺行业，光线糟糕的照片恰恰会产生与预期完全相反的效果。
项目配色
深酒红
#5E1F2B
品牌识别
大理石白
#F8F6F3
背景
墨色
#1F1C1B
正文
黄铜
#A98545
线条与字母组合标志
字体系统
标题字体
Cormorant Garamond 600
正文字体
Jost 400
高级定制感的衬线字体用于店招，简洁的几何无衬线字体用于产品信息。两者的对比，构成了全部的定位。
幕后的技术实现。
- React
- Vite
- Tailwind
- Vercel
进行中的性能优化任务
性能得分 69：原因是沿袭自客户内容、未经优化的产品图库。转换为 AVIF 和通过 srcset 设定尺寸的工作已经量化并排入计划。我们把它写出来，因为这个分数是公开的，也是可验证的。
静态网站
没有数据库；产品目录是一个数据文件。店主把季节性调整发给我们，一小时内即可上线。
网站如何被搜索到。
“Boucherie Lyon 9”（里昂九区 肉铺）、“boucher artisanal Vaise”（沃伊斯 手工肉铺）
就近类搜索，竞争极少，购买意图明确：输入这些词的人是在找今天去哪里买肉，而不是在查资料。瞄准“boucherie Lyon”（里昂 肉铺），会让这位手艺人与全城的连锁店争夺一批永远不会跑到九区来的流量。
ButcherShop 结构化标记
Schema.org 有一个专门的类型。用它代替通用的 LocalBusiness，能改善 Google 对店铺的归类。
交付了哪些内容。
- 首页
- 肉品与产地
- 外烩熟食
- 关于我们
- 交通与营业时间
项目的推进过程。
品牌识别
字母组合标志、色板、字体体系、印刷品延展。
内容
逐一标明产品产地，外烩熟食服务。
设计与开发
静态网站，带类型的产品目录。
