莫斯科 UTC+3
VOXA 第一张幻灯片:巨大的“1”,一部手机在淡紫色底座上、白色声波环中聆听“Send Anna $25 for pizza”,一张悬浮的“Voice ID 98%”卡片,标题“Pay With Your Voice”。

未来银行概念:一个 three.js 世界中的十项功能,经声纹校验的语音转账,聊天里的钱,与朋友共享的梦想储蓄罐,懂航班的银行卡,以及可以用自己声音重演的情景短片。

标签
概念 自发创作的概念作品
年份
2026
领域
网站、设计、产品
工作室
by VITON13
语言
英语、俄语

概述

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 亲自阅读。

全部作品

下一个项目

ROKO讽刺风格的 WebGL 产品发布网站 概念2026 全部作品 (32)