Москва UTC+3
Первый слайд VOXA: огромная «1», телефон слушает «Отправь Ане $25 на пиццу» на сиреневом пьедестале внутри белых колец звука, парящая карточка «Voice ID 98%» и заголовок «Pay With Your Voice».

Концепт банка будущего: десять функций в одном мире на three.js, переводы голосом с проверкой слепка, деньги в чатах, общая копилка, карта, знающая о рейсе, и сценка, которую можно повторить голосом.

Метки
Концепция Авторская концепция
Год
2026
Направления
Сайты, Дизайн, Продукты
Студия
by VITON13
Языки
английский, русский

Обзор

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)