L8 CRM 演示 / 案例研究
交互式 3D CRM — 汽修厂与健身房
两个可视化 CRM 演示：等距 3D 视角下的汽修厂和健身房，点击一下就能跟进每位客户。
已上线 · 始于 2026年10月
项目起点
这是我设计并开发的两个演示，用来展示当 CRM 读起来像一个工作场所时会变成什么样。两个演示都是虚构的：姓名、金额和档案都是编造的，场景图像由 AI 生成。
要解决的问题
传统的 CRM 是一张由行和列组成的表：准确，但没人愿意打开。在汽修厂或健身房里，团队按地点和人来思考，而不是按表单字段。
我的方案
我把业务转换成一张可以用鼠标探索的 3D 地图。在汽修厂里，每辆车都停在它所在的区域；在健身房里，每位潜在客户或会员都在俱乐部中的位置上。点击一下就能打开档案、把案件推进到下一步或准备一条消息，表格视图则以分栏方式呈现同样的信息。
- 场所的等距地图，可放大到某个区域（接待、车间、喷漆、力量区、课程……）
- 车辆或人员的档案：状态、金额、清单、流程进度
- 一键把档案推进到下一步，指标实时更新
- 客户流程的表格视图，每一步一栏
- 汽修厂：维修单、库存提醒、车间占用率
- 健身房：潜在客户、体验课与体验训练、待跟进的会员、已准备好的跟进消息（发送为模拟）
- 拍摄模式：姓名被模糊处理，演示时不会露出任何数据
演示截图
技术内幕
每个演示都是一个独立的 HTML 与 JavaScript 页面，无需服务器和账号：场景以等距投影绘制在 2D 画布上，虚构数据内置在页面中。人物、车辆、设备和场景都是 AI 生成的图像，在本地抠图后转为 WebP 以保持轻量。页面与本网站一起托管。
值得一提的难点
元素众多时仍要保持场景清晰：每个精灵图都要与其他图正确叠放，即使物体重叠，每次点击也要落在正确的车辆或人物上。我还确保演示可以被拍摄而不泄露任何信息，因此有了拍摄模式。
我的角色
两个演示都由我独自完成：选定两个行业、设计界面和流程、开发、生成并整理图像、测试和上线。
项目进展
两个演示都已上线，可以自由试用。它们只是演示：没有任何真实数据，什么都不会保存，消息也不会发出。它们展示的是一种思路，而不是开箱即用的产品。
用在你的项目上
同样的思路也适用于其他需要在实体场所中跟踪人员或物品的行业。我可以为你做：
- 适合你的店铺、工坊或诊所的可视化 CRM
- 一眼看清业务状况的仪表盘
- 用于介绍你的产品的交互式销售演示
- 带有已准备好跟进消息的图示化客户流程
项目所用工具
- 应用
- HTML、JavaScript、等距 2D 画布
- 场景图像
- AI 图像生成，本地抠图
- 数据
- 内置在页面中的虚构数据
- 上线
- 静态页面，随本网站部署在 Vercel
想用电子表格之外的方式看你的业务吗？聊聊哪种工具对你有用。
聊聊你的项目