
为一家虚构物流公司设计的运营 CRM 概念:每位访客都会生成自己的沙盒,包含团队、客户和 14 天的订单,并在浏览器中与演示 AI 一起实时运营。
概述
Global Control 是我们作为概念设计并开发的运营 CRM,以虚构的配送公司 Northstar Logistics 为例,其枢纽位于莫斯科、迪拜、伦敦和纽约。它是我们产品概念中的旗舰:一个浏览器应用里有九个真正可用的模块(Command 主屏、订单、团队、实时地图、客户、报表、自动化、AI 副驾驶和设置),开场是一个 three.js 地球。
需求是一款高端 CRM:管理者可以登记员工、分派订单、跟踪进度、查看指标和图表、下载月度和年度报表,有人登录时会收到通知,还有一个能适应使用者的 AI;访客可以点击一切,并创建属于自己的内容。因此每位访客都会在简短的引导中生成自己的沙盒,得到虚构的团队、客户和两周的订单,实时模拟让这家公司在访客眼前持续运转。数据不会离开浏览器:工作区保存在 localStorage 中。
9
个可用模块集成在一个浏览器应用中,另有开场和 ⌘K 命令面板
来源:2026年9月28日统计,应用路由与构建
35
种副驾驶意图,支持英语和俄语
来源:2026年9月28日统计,副驾驶源代码
2,045
条界面文案,英语和俄语各一套,无缺失
来源:2026年9月28日统计,构建审计
79 / 97
Lighthouse 性能,移动端 / 桌面端(5 次运行的中位数)
来源:2026年9月28日测量,线上地址
思路
引导流程会询问姓名、角色(所有者、经理或员工)、公司名称、行业、8 到 30 人的团队规模、货币和强调色。带种子的生成器据此构建工作区:默认演示中有分布在 4 个枢纽的 18 人、22 个客户、14 天内约 400 个订单和 6 条自动化规则,背后还有生成的历史数据,保证月度和年度报表始终有内容。行业会改变整个界面的用词(配送与快递员、工单与技师、订单与拣货员),角色会改变主屏(所有者看收入与增长,经理看调度队列,员工看“我的一天”),菜单也会按实际使用频率自动重新排序。模拟会让人员上线、下线并发出通知,带来新订单,让快递员沿路线移动并完成配送,每个枢纽都按各自的当地时间运转。
订单模块是一块看板:卡片可以在状态之间拖放,也可以直接拖到某个人身上;每张卡片都有实时 SLA 圆环;在订单详情中,AI 调度按枢纽、负载、距离、准时率和评分为团队排序,并说明理由。团队模块用四步登记一名员工,最后生成一张随指针倾斜的全息工牌;发出邀请几秒后,新成员会“登录”,全队都会收到通知。实时地图为每个枢纽绘制一座程序生成的城市,快递员在其中穿行;全球视图显示真实的昼夜分界线。报表覆盖月、季度或年度,可下载为由我们自己编写的精简 PDF 生成器制作的 PDF、在两种语言下都能被 Excel 正确打开的 CSV,或 JSON。自动化以实时节点流的形式运行,规则编辑器能把用英语或俄语写下的一句话解析为触发器、条件和动作,并在最近 14 天的数据上回放。每个客户都有可解释的健康评分。
副驾驶就是我们所说的演示 AI,产品中也如此标注:一个在设备端运行的语言层,支持英语和俄语的容错匹配,有 35 种意图和实体识别;它用工作区的实时数字回答问题,并通过与人相同的功能执行操作,从分派队列到导出报表。主动提示层最多每 45 秒提出一次一键挽救风险订单的建议,⌘K 可打开命令面板。技术上,它是用 esbuild 打包成 43 个按需加载文件的原生 JavaScript 和 CSS,只有开场地球使用 three.js,另有三款自托管可变字体(Unbounded、Onest 和 JetBrains Mono)、夜间和日间两套主题,每种语言各有 2,045 条界面文案。
图集
成果
该概念运行在 /demos/global-control/,包含九个模块、开场动画和命令面板,支持英语和俄语。2026年9月28日,我们在无界面 Chrome 中,用带有作品集生产环境响应头和内容安全策略(CSP)的本地副本亲自做了检查:桌面和手机宽度下的 13 个路由、三种角色、俄语界面、开场与引导,以及主要操作(AI 调度、新建订单、完成登记直到工牌、向副驾驶提出六个问题、⌘K、用文字写规则、导出 PDF 和 CSV)全部运行,控制台错误、CSP 违规和失败请求均为零。月度报表导出为有效的三页 PDF,日度 CSV 每天一行。
首个脚本 app.js 经 gzip 压缩后为 3.3 KB;全部 43 个 JavaScript 文件加样式表经 gzip 后共 573 KB,其中 138 KB 是开场使用的 three.js。首次访问通过 25 个请求传输 528 KB。在线上地址上,Lighthouse 13.5.0 每种设备运行 5 次(测量时 MacBook 的平均负载为 3–9),性能中位数为移动端 79、桌面端 97,无障碍 100,最佳实践 100;移动端分数主要受最大内容绘制拖累:开场副标题要在短暂的预加载之后、第 3.7 秒才出现。
本案例不能证明的
Global Control 是 VITON13 为展示能力而做的概念,不是委托项目。Northstar Logistics 及其员工、客户、订单和资金都是虚构的,在访客的浏览器中生成:没有客户、没有用户、没有真实配送、没有流量也没有收入,演示中的一切都不出售。邀请、消息、邮件和登录都是模拟的,任何数据都不会离开浏览器。
副驾驶、AI 调度、预测和规则编辑器都是演示 AI:在设备端进行意图解析、规则和统计,而不是语言模型,因此无法说明模型在真实运营中的表现。模拟中的时间是压缩的。所有数据都是同一天在同一台机器上用无界面 Chrome 做的实验室测量:功能检查针对带生产环境响应头的本地副本,Lighthouse 针对线上地址并模拟手机环境;也没有做用户测试。正式版本仍需要服务器、账户与权限、真实通知、系统集成和数据保护。
在筹划类似的项目?每条消息都由我们的创始人 Tarasov Vitalii 亲自阅读。
在 VITON13 Studio 预订类似项目
下一个项目
HYPERSOLID沉浸式 WebGL 概念网站
概念2026
全部作品 (32)



