France Évasions
一份大巴报价涉及八个变量：关键在于只问其中五个。
- 年份
- 2026
- 制作周期
- 4 周
- 技术栈
- React · Vite · Tailwind · Vercel
- 设计
- 开发
- 估价器
- 本地 SEO
- 个问题，而不是八个
- 5
- Lighthouse SEO
- 100/100
- 性能——优化方案预计 +30 分
- 58/100
需要解决的问题。
背景
一家里昂的带司机大巴租赁公司：接送服务、短途游览、团体旅行、学校及协会用车。
限制
一份大巴报价取决于乘客人数、日期、行程、时长、车辆数量、附加选项以及包车待命安排。在表单里把这些全问一遍，会把人吓跑；什么都不问，又无法报价。
对策
用一个五问估价器即时给出价格区间，细节随后再通过电话确认。三个最专业的变量被移出表单：它们不会改变价格的量级，却会让询价流失三分之一。
交付时测得的评分。
以下为线上网站的Lighthouse评分。我们如实公布：若某项分数偏低，其原因与改进计划会在下文写明，而不是避而不谈。
每一个设计取舍，及其理由。
五个问题，一个价格区间
乘客人数、出发地、目的地、日期、服务类型。结果明确标注为价格区间，并写明前提假设。
讲用车场景，而不是讲车
网站谈的是学校出游、婚礼、研讨会、机场接送——而不是“55 座大巴”。客户是按场合来思考的。
目的地摄影
图片展示的是要去的地方，而不只是车辆。在团体旅游中，真正打动人的是目的地。
项目配色
公路蓝
#1F4F82
品牌识别
橙色
#E07B2C
行动、报价
米白
#F7F8FA
背景
墨色
#1C2026
正文
字体系统
标题字体
Outfit 700
正文字体
Inter 400
乘客人数和价格区间采用等宽数字：对不齐的对比表格，读起来就像一个粗略估计。
幕后的技术实现。
- React
- Vite
- Tailwind
- Vercel
客户端估价器
即时计算，无需请求服务器，也不预先收集个人数据。只有在显示价格区间之后才会请求联系方式。
作品集中最繁重的性能优化任务
性能得分 58。原因已经查明：一个未经优化的目的地图片库（沿袭自客户提供的内容），以及在首页就加载的交互式地图。优化方案已经写好——统一规范图片、地图按需加载——仅此一项预计即可提升三十分以上。我们选择公开而不是隐瞒：任何人一分钟就能验证。
网站如何被搜索到。
每种场合一个页面
“Location autocar mariage Lyon”（里昂 婚礼大巴租赁）、“transport scolaire Rhône”（罗讷省 学校用车）、“navette aéroport Saint-Exupéry groupe”（圣埃克苏佩里机场 团体接驳）。这些才是真实的搜索词，从来不是“大巴租赁”。
出发区域结构化标记
声明从里昂出发及服务半径。在运输行业，车场位置决定价格，也因此决定了相关性。
交付了哪些内容。
- 首页——估价器
- 婚礼与活动
- 学校用车
- 研讨会与企业
- 机场接送
- 我们的车队
- 报价
项目的推进过程。
精简表单
八个变量缩减为五个，价格量级不受影响。
设计
按场合设置入口，目的地图片。
开发
客户端估价器，报价流程。
后续计划
统一规范图片，地图按需加载。
