VOXA: концепт голосового банка — переводы голосом, деньги в чатах и общая копилка мечты

VITON¹³ делает концепт-сайты, чтобы показать, что умеет, в отраслях, где у неё пока нет клиентского проекта. VOXA — такой для банков и финтеха: сайт вымышленного банка будущего в жанре интерактивных историй о функциях, где прелоадер считает до десяти, а камера пролетает через один 3D-мир, по функции на остановку. Банк, его клиенты, балансы и рейсы придуманы, сайт — на русском и английском.

Задачу мы поставили себе сами: банк, с которым разговаривают и в котором проводят время. Голос заменяет номер карты, друзья — список получателей, а поездка, мечта или общий счёт становятся тем, что делают вместе, — банк как второе место в сети после мессенджера. И всё это посетитель должен попробовать сам, а не только посмотреть.

Одна страница и десять функций: переводы голосом, Voice ID, деньги в чатах, платежи, которые знают о рейсе, общие мечты, делёж счёта, лаборатория карт с тестовыми и одноразовыми картами, лента друзей со скрытыми суммами, ИИ-коуч по деньгам и инвест-круги. У каждой функции есть витрина в 3D-мире, слайд с подписью и панель «Смотреть», которая открывает рабочее приложение в телефоне на этой функции; меню показывает все десять с превью, отрендеренными из сцены.

Приложение живёт на общем состоянии: деньги, отправленные в панели, появляются в чате, балансе и тест-лаборатории; друзья отвечают и ставят реакции; копилка пополняется на глазах; купленный билет становится посадочным с живым отсчётом, страховкой и пометкой о местной валюте. Тест-лаборатория собирает всё вместе со списком команд, которые можно сказать или нажать, а микрофон в шапке управляет голосом всем сайтом.

Финальная сценка монтирует два 6-секундных фильма, сгенерированных в Veo 3.1 (Алекс просит VOXA оплатить Ане пиццу, Аня смеётся, когда деньги приходят), с двумя телефонами на странице и передаёт микрофон посетителю. Все тексты — на русском и английском, фильмы тоже есть в обеих версиях.

Мир — одна сцена на three.js: десять витрин в пастельной студии, цвет которой перетекает от остановки к остановке, и камера, которая летит между ними по дуге с лёгким «дыханием» объектива и следует за курсором. Все модели собраны кодом — от телефонов, экраны которых рисуются на canvas, до белого самолёта, стеклянной копилки с монетами, карт из металла, стекла и голограммы и арки с участниками инвест-круга; друзья — нарисованные кодом портреты, а не фото.

Голос работает в браузере. Речь в текст переводит встроенный сервис распознавания браузера, а дальше фраза разбирается в намерение на русском или английском, с падежами вроде «Ане» и «Максу». Voice ID записывает три фразы и хранит слепок из средней формы спектра и высоты тона — он считается во вкладке и никуда не отправляется; голосовые платежи сверяются с ним, а при несовпадении банк просит подтвердить по лицу. Сайт собирается esbuild в статические файлы и отдаётся по адресу /demos/voxa-bank/ с заголовком, который разрешает микрофон только на этом пути.

Сейчас это работающий концепт на tarasovvitalii.com/demos/voxa-bank/, собранный 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 МБ — четыре видеоклипа.

В тот же день Lighthouse 13.5 трижды проверил живой адрес на каждом устройстве. Медианы: производительность 47 на телефоне и 61 на компьютере, доступность 100, лучшие практики 100; LCP 3,5 с на телефоне и 0,5 с на компьютере, CLS 0,005, при загрузке передаётся 0,4 МБ. Оценку на телефоне сдерживает запуск 3D-мира: сборка десяти витрин и компиляция их материалов блокируют смоделированный телефон на 15 754 мс. Машина в тот день была сильно загружена (load average около 50), поэтому живой адрес стоит измерить ещё раз.

VOXA — концепт, который VITON¹³ сделала, чтобы показать, что мы умеем для банков и финтеха; это не заказ. Банк, друзья, балансы и рейсы вымышлены, реальные деньги не двигаются; двое героев фильмов сгенерированы в Veo 3.1 и Nano Banana Pro и не являются клиентами. У сайта нет заказчика, пользователей, трафика и заявок, и он ничего не доказывает о конверсии или удержании.

Voice ID — демонстрация, а не биометрическая защита: он сравнивает усреднённые спектры, может спутать похожие голоса и проверялся в headless Chrome на синтетическом микрофоне, а не на живых людях. Распознавание речи работает в Chrome, Edge и Safari. Частота кадров измерена на одном компьютере в один день, а Lighthouse — лабораторный тест, который шёл при сильной загрузке машины.

Как проверить портфолио веб-студии →