Vectr — AI 驱动的关键停机应急人员调度平台

【项目概览】

客户：Vectr — 美国 AI 驱动的精准应急人员调度初创企业

制作：Utsubo

网站：www.vectrfl.com

技术：Three.js · WebGPU · WebGL · Astro · Vanilla JS

【关于 Vectr】

Vectr 是一家面向关键停机场景（critical outages）的 AI 驱动精准人员调度平台。在核电、能源、重工业等"零失误容忍"的高风险环境中，传统人力调度往往受困于响应慢、合规链条长、人员资质参差等痛点。Vectr 用一通电话即可触发调度：从工种、人数到到岗时间，需求被直接路由到已通过验证的工人网络中，由 AI 在指定半径内快速匹配最合适的本地承包商，并在派遣前完成背景调查、药检与资格审核——以"零失败徽章"模型保证每一位工人都能在 Day 1 顺利通过现场关卡。

【设计挑战】

本次合作的核心命题，是如何在首页 Hero 区域用一段 3D 等距视角的城市动画，把 Vectr 完整的"客户旅程"可视化地讲清楚：从一通调度电话出发，到 AI 在城市半径内寻找并锁定合格人员，再到验证、派遣、抵达现场——整个流程被压缩进一个连贯的、可被滚动驱动的等距场景中。每一个建筑、每一束光线、每一条路径，都对应着 Vectr 服务流程中的一个真实环节，让访客无需阅读冗长文案，就能在几秒钟内直观理解"从来电到到岗"的全过程。

【技术实现】

整站基于 Astro 搭建，核心 3D 场景由 Three.js + WebGPU 驱动，并在不支持 WebGPU 的环境下自动降级到 WebGL，确保跨设备的一致体验。等距城市的相机路径、灯光节奏与粒子流向均与滚动进度严格绑定，配合自定义着色器实现 AI 信号在城市网络中扩散、聚焦、落点的视觉叙事。

【品牌标识】

箭头，指明方向；火花，代表选择与意图。

整个标识将"箭头"的清晰指向与"火花"的迸发能量融合在一起——这一汇聚，象征 Vectr 始终以"效率"与"意图"为内核的品牌价值。