
Концепт банка будущего: десять функций в одном мире на three.js, переводы голосом с проверкой слепка, деньги в чатах, общая копилка, карта, знающая о рейсе, и сценка, которую можно повторить голосом.
Обзор
VOXA — вымышленный банк будущего. Мы сделали его сайт 28 сентября 2026 года как концепт для банков и финтех-продуктов — в жанре интерактивных историй о функциях, где прелоадер считает до десяти, а камера пролетает через один 3D-мир, по функции на остановку, — и пересобрали всё внутри этого формата: модели, экраны, фильмы и сами функции.
Задачу мы поставили себе сами: банк, с которым разговаривают и в котором проводят время. Голос заменяет номер карты, друзья — список получателей, а поездка, мечта или общий счёт становятся тем, что делают вместе. Банк как второе место в сети после мессенджера.
10
функций в одном мире на three.js, у каждой рабочее демо в телефоне
Источник: Исходники сайта, 28 сент. 2026
56
тестовых голосовых команд понято: 28 на русском и 28 на английском
Источник: Прогон разбора команд, 28 сент. 2026
60 fps
медианная частота кадров на слайде и в перелётах, 1600 × 1000, Retina
Источник: Замер 28 сент. 2026, MacBook (Apple M5)
0,24 МБ
JavaScript в gzip вместе с three.js
Источник: Замер 28 сент. 2026, файлы сборки
Подход
Мир — одна сцена на three.js: десять витрин в пастельной студии, цвет которой перетекает от остановки к остановке. Камера летит между ними по дуге с лёгким «дыханием» объектива и следует за курсором. Все модели собраны кодом: телефоны с живыми экранами, нарисованными на canvas, белый самолёт вокруг посадочного, стеклянная копилка, в которую падают монеты, карты из металла, стекла и голограммы, взлетающие сердца, арка с участниками инвест-круга. Меню показывает превью, которые при загрузке рендерятся из той же сцены.
Голос работает по-настоящему, прямо в браузере. Речь в текст переводит встроенный сервис распознавания браузера, а дальше фраза разбирается в намерение на русском или английском — перевод, просьба вернуть, сообщение, взнос в мечту, рейс, карта, делёж счёта, вопрос коучу, — с падежами вроде «Ане» и «Максу». Voice ID записывает три фразы и строит слепок голоса по средней форме спектра и высоте тона, всё считается во вкладке; следующие команды сверяются с ним, прежде чем деньги «уйдут», а при несовпадении банк просит подтвердить по лицу. Голосом можно управлять и всем сайтом: «дальше», «назад», «меню», «покажи мечту».
Каждая функция открывает рабочее приложение в телефоне на общем состоянии: деньги, отправленные в одном окне, видны в чате, балансе и тест-лаборатории. Друзья отвечают и ставят реакции, копилка пополняется на глазах, купленный билет превращается в посадочный с живым отсчётом. Финальная сценка монтирует два коротких фильма, сгенерированных в Veo 3.1 (Алекс просит VOXA оплатить Ане пиццу, Аня смеётся, когда деньги приходят), с двумя телефонами на странице и передаёт микрофон посетителю. Всё на русском и английском.
Галерея
Результаты
Концепт — одна страница: десять функций, десять демо в телефоне, тест-лаборатория и финальная сценка на русском и английском. Прогон разбора 28 сентября 2026 года понял все 56 тестовых команд, по 28 на каждом языке. В тот же день мы три секунды считали кадры через requestAnimationFrame — дважды на слайде и дважды во время перелёта камеры — в headless Chrome с ANGLE Metal на MacBook с Apple M5 при 1600 × 1000 и Retina-масштабе: 60,1, 59,8, 60,0 и 58,1 кадра в секунду.
Страница загружает 0,24 МБ JavaScript в gzip вместе с three.js. Вся сборка весит 4,3 МБ, из них 3,3 МБ — четыре видеоклипа (у каждого есть русская и английская версии).
Чего это не доказывает
VOXA — концепт, который VITON13 сделала, чтобы показать, что мы умеем для банков и финтеха; это не заказ. Банк, друзья, балансы и рейсы вымышлены, реальные деньги не двигаются; двое героев фильмов сгенерированы в Veo 3.1 и Nano Banana Pro и не являются реальными клиентами. У сайта нет заказчика, пользователей и заявок.
Voice ID — демонстрация, а не биометрическая защита: он сравнивает усреднённые спектры, может спутать похожие голоса и проверялся в headless Chrome на синтетическом сигнале микрофона, а не на группе живых людей. Распознавание речи работает в Chrome, Edge и Safari; в Firefox команды можно нажимать или печатать. Частота кадров измерена на одном компьютере, проверки Lighthouse и SEO в этом кейсе нет.
Задумали что-то похожее? Каждое сообщение лично читает наш основатель — Тарасов Виталий.
Следующий проект
ROKOСатирический промо-сайт продукта на WebGL
Концепция2026
Все работы (32)





