
未来银行概念:一个 three.js 世界中的十项功能,经声纹校验的语音转账,聊天里的钱,与朋友共享的梦想储蓄罐,懂航班的银行卡,以及可以用自己声音重演的情景短片。
概述
VOXA 是一家虚构的未来银行。我们在 2026年9月28日 为它做了这个网站,作为面向银行和金融科技产品的概念,采用互动功能故事的形式:预加载器数到十,镜头在一个 3D 世界中飞行,每站一项功能。我们在这个形式里重做了一切:模型、界面、短片和功能本身。
我们给自己定的任务:一家可以对它说话、也愿意在里面待着的银行。声音取代卡号,朋友取代收款人列表,旅行、梦想或平摊账单变成大家一起做的事——银行成为继聊天软件之后你在网上的第二个去处。
10
项功能在一个 three.js 世界中,每项都有可用的手机演示
来源:网站源文件,2026年9月28日
56
条测试语音指令被理解,英语和俄语各 28 条
来源:指令解析测试,2026年9月28日
60 fps
停留和飞行时的中位帧率,1600 × 1000,Retina
来源:2026年9月28日 实测,MacBook(Apple M5)
0.24 MB
gzip 后的 JavaScript,含 three.js
来源:2026年9月28日 实测,构建文件
思路
整个世界是一个 three.js 场景:粉彩摄影棚里的十个展台,颜色随站点流动;镜头沿弧线在它们之间飞行,带有轻微的镜头呼吸,并跟随光标。所有模型都由代码构建:屏幕用 canvas 实时绘制的手机、绕着登机牌飞行的白色飞机、不断落入硬币的玻璃储蓄罐、金属、玻璃和全息银行卡、升起的爱心、托着投资圈成员的拱门。菜单里的缩略图在页面加载时从同一场景渲染。
语音在浏览器里真实可用。浏览器自带的识别服务把语音转成文字,再解析成英语或俄语的意图——转账、催款、消息、存入梦想、航班、银行卡、平摊账单、向教练提问——并能理解 «Ане»、«Максу» 这样的俄语词形。Voice ID 录制三句话,用平均频谱形状和音高生成声纹,全部在标签页内计算;之后的指令在“转账”前与之比对,不匹配时改为请求面容验证。整个网站也能用语音操控:“下一个”“返回”“菜单”“看看梦想”。
每项功能都会打开一个基于共享状态的真实手机应用,在一个窗口里发出的钱会出现在聊天、余额和测试实验室里。朋友会回复和点表情,储蓄罐当着你的面变满,买好的机票变成带实时倒计时的登机牌。结尾情景把两段用 Veo 3.1 生成的短片——Alex 让 VOXA 给 Anna 付披萨钱,Anna 收到后笑了——与页面上的两部手机剪在一起,然后把麦克风交给访客。全部内容提供英语和俄语。
图集
成果
这个概念是一个页面:十项功能、十个手机演示、一个测试实验室和结尾情景,提供英语和俄语。2026年9月28日 的解析测试理解了全部 56 条测试指令,每种语言 28 条。同一天,我们在搭载 Apple M5 的 MacBook 上用 ANGLE Metal 的无头 Chrome,以 1600 × 1000、Retina 缩放,用 requestAnimationFrame 各计数三秒:两次停在幻灯片上,两次在镜头飞行中,结果为 60.1、59.8、60.0 和 58.1 fps。
页面加载的 JavaScript 经 gzip 后为 0.24 MB,含 three.js。整个构建 4.3 MB,其中 3.3 MB 是四段视频(每段都有英语和俄语版本)。
本案例不能证明的
VOXA 是 VITON13 为展示我们能为银行和金融科技做什么而制作的概念,不是委托项目。银行、朋友、余额和航班都是虚构的,不涉及真实资金;短片中的两个人由 Veo 3.1 和 Nano Banana Pro 生成,并非真实客户。网站没有客户、用户或咨询。
Voice ID 是演示,不是生物识别安全:它比较平均频谱,可能混淆相似的声音,并且只在无头 Chrome 中用合成麦克风信号测试过,没有经过真人测试。语音识别需要 Chrome、Edge 或 Safari;在 Firefox 中访客可以点击或输入指令。帧率只在一台机器上测得,本案例没有 Lighthouse 或 SEO 评估。
在筹划类似的项目?每条消息都由我们的创始人 Tarasov Vitalii 亲自阅读。
在 VITON13 Studio 预订类似项目
下一个项目
ROKO讽刺风格的 WebGL 产品发布网站
概念2026
全部作品 (32)





