AH Élec Rénov
一位也做全屋装修的电工：网站要把两者都说清楚，又不混淆。
- 年份
- 2026
- 制作周期
- 3 周
- 技术栈
- Next.js · React · Tailwind · Vercel
- 设计
- 开发
- 本地 SEO
- 文案撰写
由Kayzen Web上线在Vercel地址上的演示版本；正式域名归客户所有。
- Lighthouse 性能
- 87/100
- Lighthouse SEO
- 100/100
- 相互关联的服务组
- 2
需要解决的问题。
背景
AH Élec Rénov 服务于里昂及里昂西部地区：综合电气工程、NF C 15-100 标准合规改造，以及一站式室内翻新——浴室、厨房、水暖。
限制
同一家企业有两种定位。电气工程带来流量，整体翻新带来利润。把两者放在同一层级会让信息变得模糊；只保留其一，则意味着要么放弃流量，要么放弃价值。
对策
电气工程依然是 SEO 的入口，拥有自己的页面。一站式翻新则被呈现为顺理成章的下一步：“我们已经为您更换了配电箱，也可以为您翻新整个房间。”升级销售被设计在访问路径之中，而不是正面摆出来。
交付时测得的评分。
以下为线上网站的Lighthouse评分。我们如实公布：若某项分数偏低，其原因与改进计划会在下文写明，而不是避而不谈。
每一个设计取舍，及其理由。
突出资质认证
明确写出 NF C 15-100 标准合规改造，并说明它意味着什么。准备出售房产或翻新老房的客户，搜索的正是这个具体标准，而不是“合格电工”。
阶梯式访问路径
每个电气工程页面的结尾都设有通往整体翻新的入口。升级服务在信任已经建立时才提出，而不是放在首页上。
按房间展示案例
浴室、厨房、客厅。客户想象的是一个房间，从来不是一项技术服务。
项目配色
电光蓝
#1B5E9B
品牌识别
信号黄
#E5A82E
行动
浅灰
#F4F6F8
背景
墨色
#1B1F24
正文
字体系统
标题字体
Outfit 700
正文字体
Inter 400
简洁克制。在受监管的行业里，花哨的字体换来多少个性，就会失去多少可信度。
幕后的技术实现。
- Next.js
- React
- Tailwind
- Vercel
两步式报价流程
先选需求类型，再填联系方式。把电话号码放在第一个字段，会让完成率直接减半。
静态且轻量
静态渲染，图片尺寸精确设定，不使用任何动画库。在图片丰富的情况下性能得分仍达 87。
网站如何被搜索到。
两组搜索词
一边是“Électricien Lyon 5”（里昂五区 电工）、“mise aux normes électrique Tassin”（塔桑 电气合规改造）；另一边是“rénovation salle de bain ouest lyonnais”（里昂西部 浴室翻新）。每组都有自己的页面，并相互建立内链。
把标准当作关键词
“NF C 15-100”搜索量小，但意图极强：输入它的人清楚自己为什么要搜。
交付了哪些内容。
- 首页
- 电气工程与合规改造
- 一站式翻新
- 浴室 / 厨房 / 水暖
- 按房间展示的案例
- 服务区域
- 报价
项目的推进过程。
定位
电气工程作为入口，翻新作为升级。
设计
阶梯式路径，按房间展示案例。
开发
静态网站，两步式报价流程。
SEO
两组搜索词，相互内链。
