汽车线上展厅
为某新能源汽车品牌打造的线上展厅，浏览器直接看车，不用装 App
Key Results
- 01
2.3秒
移动端可交互时间
- 02
5.4分钟
平均停留时长
- 03
2.7倍
留资转化提升
- 04
68种
可选配置组合
01Challenge
客户面临的挑战
线下到店成本高，客户希望潜在买家在线上就能完成看车与选配，但过去的三维展厅方案在手机上加载要十几秒，跳出率极高。
整车模型原始面数在千万级，直接放到网页上不现实。
02Solution
我们做了什么
01
模型减面与分级加载
把整车拆成外观、内饰、细节三级资产，首屏只加载外观低模，用户开始交互后在后台渐进加载高模与内饰。视觉上感受不到切换，但首屏体积降到了原方案的十二分之一。
02
换色换配置实时生效
车漆与材质用参数化着色器实现，切换颜色不需要重新加载贴图。68 种配置组合共用同一套资产，任意组合都能即时预览。
03
留资节点前置
把预约试驾入口放在用户完成配置、停留时间最长的那一屏，而不是页面底部。这一个改动带来了转化提升的大部分。
Technical Highlights
- 三级资产渐进加载，首屏体积降至原方案 1/12
- 参数化着色器实现实时换色，无需重载贴图
- 68 种配置组合共用一套资产
- 中低端机自动降级到简化光照，保持可交互
03Gallery
项目画面
Live Demo
链接待补充扫码或点击链接体验线上版本。
04Project Info
项目信息
- 项目周期
- 10 周
- 上线时间
- 2025.09
- 团队规模
- 6 人（1 PM + 2 前端 + 2 三维美术 + 1 设计）
- 技术栈
- Three.jsVue 3Draco 压缩KTX2 纹理Vite
- 交付物
- 线上展厅 H5配置数据后台资产处理管线文档
- 支持平台
- 移动端浏览器桌面浏览器
