Короткий ответ
Семь новых концепт-сайтов VITON13 — это ROKO, HYPERSOLID, Möbius, VOXA, HOURLINE, SOLVENT и RACKLIGHT. Все работают на tarasovvitalii.com/demos/, все построены на вымышленных брендах и сгенерированных данных, и каждый измерен в Lighthouse на живом адресе: производительность на телефоне — от 43 у ROKO до 94 у HOURLINE, на компьютере — от 61 до 100.
Семь пополнений портфолио за одну неделю
С 24 по 28 сентября 2026 года VITON13 Studio опубликовала семь новых концепт-сайтов. Они размещены на tarasovvitalii.com/demos/, в портфолио основателя студии, и у каждого есть страница кейса в собственном списке работ студии. Концепт-сайт здесь — это работающий сайт или веб-приложение для придуманного бренда: покупатель может открыть продукт того типа, который думает заказать, и воспользоваться им ещё до того, как у студии появится клиентский проект такого рода.
Четыре из семи — сайты-истории, которые превращают прокрутку в сцену: ROKO, HYPERSOLID, Möbius и VOXA. Три — продуктовые демо, которыми посетитель действительно может управлять: HOURLINE для записи, SOLVENT для денежного потока и RACKLIGHT для склада. Операционной CRM Global Control, вышедшей на той же неделе, в VJOURNAL посвящён отдельный материал.
ROKO: речная галька в роли ИИ-новинки
ROKO — шутка в этом наборе и одновременно самый технически сложный сайт-история. Продукт — речная галька, которую продают как ИИ-устройство: «Powered by AI*», где сноска расшифровывается как «Ancient Igneous». Один 3D-камень в реальном времени, сгенерированный кодом, проходит через двенадцать секций прокрутки: поднимается с орехового стола, висит кулоном, прижимает листы бумаги на ветру, встаёт в буквы «O» логотипа и складывается в каменную пирамидку.
Посетитель может написать в чат, где камень думает 4,5 млрд лет и отвечает многоточием, надеть на живую гальку солнцезащитные очки или корону, переключить её в режим тепловизора и скачать её «открытые веса» в виде настоящего файла .obj. Структура следует oryzo.ai студии Lusion, где один объект ведёт всю страницу; продукт, тексты, 3D и изображения студия сделала сама. Фото с людьми и три коротких ролика сгенерированы, а референсом для них служил студийный рендер гальки; кейс говорит об этом прямо.
VOXA, Möbius и HYPERSOLID: каждый как единый 3D-мир
VOXA — вымышленный банк, где всё начинается с голоса. Камера пролетает через один мир на three.js с десятью функциями, и каждая открывает рабочее приложение в телефоне: перевод другу голосом с проверкой слепка голоса прямо в браузере, накопления на общую цель, авиаперелёт, который превращается в посадочный талон, конструктор карты. Голосовой парсер понял все 56 тестовых фраз — 28 на английском и 28 на русском.
Möbius — концепт школы и института для учеников от 5 до 25 лет. На главной странице 40 карточек-историй едут по настоящей ленте Мёбиуса в three.js, а за ней — программы, инструменты поступления, карта кампуса и демо личного кабинета для учеников, родителей и учителей на 19 экранах. HYPERSOLID, опубликованный 24 сентября, — сайт придуманной студии креативных технологий, отрисованный как одна сцена: стеклянный тессеракт, вращающийся в четырёх измерениях, пять глав прокрутки и кольцо из восьми живых шейдерных миров.
HOURLINE, SOLVENT и RACKLIGHT как рабочие продукты
Три продуктовых демо ближе к программному обеспечению, чем к маркетинговым сайтам. HOURLINE — платформа онлайн-записи для сети из трёх вымышленных студий в Москве, Дубае и Лондоне: гость записывается с телефона примерно за шесть секунд (медиана 14 прогонов по сценарию), а у студии есть календарь с перетаскиванием, оценка риска неявки и инструмент, который заполняет пустые окна. Независимая проверка заново протестировала 658 предложенных слотов и не нашла ни одного конфликта.
SOLVENT — панель денежного потока для вымышленной студии на 14 человек. Она показывает деньги на счёте, на сколько месяцев их хватит и прогноз на 18 месяцев, а восемь рычагов сразу перестраивают прогноз; «водопад» показывает, что меняет каждый из них, и все 1 927 автоматических проверок расчётов проходят. RACKLIGHT — концепт системы управления складом, где 1 656 ячеек хранения представлены живыми 3D-паллетами: поиск направляет камеру к нужной ячейке, а оптимизатор маршрута сборки сократил медианный путь на 32% по сравнению с порядком в листе заказа на 1 140 сгенерированных заказах. Все три помечены как концепты и прямо указывают, что их ассистенты — это правила и статистика в браузере, а не языковая модель.
Общая инженерная основа под семью разными обликами
Семь концепт-сайтов внешне совсем не похожи друг на друга, но собраны по одним принципам. Каждый — статическая папка с относительными адресами, поэтому работает по любому пути без собственного бэкенда, и каждый использует данные, сгенерированные в браузере: записи, балансы и паллеты, которые видит посетитель, создаются на месте специально для этого визита. Пять из них доступны на английском и русском; ROKO и HYPERSOLID — только на английском.
Пять из семи рисуют главную сцену на three.js, JavaScript-библиотеке для WebGL, а HOURLINE и SOLVENT — приложения, построенные вокруг интерфейса, без 3D-сцены. Каждый хранит текст в настоящем HTML, а не запекает его в картинку, поэтому заголовки остаются доступными для скринридеров и поисковых систем, даже когда фоном служит живой 3D-мир, и все семь учитывают настройку посетителя «уменьшить движение». Продуктовые демо идут дальше и поставляются с собственными наборами тестов: 1 927 проверок SOLVENT и аудит 658 предложенных слотов HOURLINE входят в то, на что ссылаются кейсы.
Замеры Lighthouse на каждом живом адресе
Каждое демо измерено в Lighthouse на своём живом адресе, а число прогонов, нагрузка на машину и медианы записаны в его кейсе. Производительность на телефоне и компьютере получилась такой: HOURLINE — 94 и 100, HYPERSOLID — 91 и 94, RACKLIGHT — 86 и 99, SOLVENT — 81 и 98, Möbius — 81 и 93, VOXA — 47 и 61, ROKO — 43 и 64.
Две низкие оценки не спрятаны, а объяснены в кейсах. VOXA измеряли, когда машина была под очень высокой нагрузкой, а это завышает время блокировки. ROKO надолго занимает основной поток, пока запускается его 3D-сцена, и самая крупная отрисовка на имитации телефона появляется через 4,2 секунды. Lighthouse измеряет загрузку на замедленном виртуальном телефоне и не оценивает, насколько плавно 3D-сцена работает после загрузки, поэтому кейсы добавляют замеры частоты кадров на реальной машине.
Пометка о концепте на каждом демо и в каждом кейсе
У каждого из семи есть пометка о концепте на странице и в кейсе, и в каждом кейсе есть раздел о том, чего он не доказывает. Бренды, люди, балансы, записи, паллеты и цены придуманы. Ни у одного демо нет клиента, пользователей, трафика или выручки, и все они закрыты от поиска через noindex, чтобы поисковая система показывала страницу кейса, а не само демо.
Так студия следует собственному руководству о проверке портфолио веб-студии: оно советует покупателям отделять клиентские работы от концептов и собственных продуктов и искать границы каждого утверждения. Концепт доказывает, что команда умеет спроектировать и собрать сайт определённого типа; он не доказывает, что этот сайт что-либо продал.
Взгляд покупателя на эти демо
Полезнее всего смотреть концепт-сайт на том устройстве, которым пользуются ваши собственные клиенты. Откройте демо на телефоне, попробуйте главное действие и засеките, сколько времени проходит, прежде чем страницей можно пользоваться. Затем прочитайте кейс: что измеряли, на какой машине, в какой день и что перечислено в разделе ограничений.
Если одно из демо близко к задуманному вами проекту, страница кейса показывает, с какими услугами студии оно связано и что ещё понадобится настоящей версии: сервер, учётные записи, интеграции, контент и тестирование на устройствах реальных пользователей. Концепт — отправная точка для такого разговора, а не готовый продукт.
Практический чеклист
- Откройте каждое демо на телефоне, которым чаще всего пользуются ваши клиенты.
- Найдите пометку о концепте и список ограничений, прежде чем читать любую цифру.
- Сравните медианы Lighthouse из кейса с тем, как страница ощущается на вашем устройстве.
- Проверьте, как подписаны ИИ-функции демо: правила, статистика или языковая модель.
- Запишите, что понадобится рабочей версии и чего в концепте пока нет.
Вопросы и ответы
Какие концепт-сайты VITON13 добавила в сентябре 2026 года?
Семь: ROKO, HYPERSOLID, Möbius, VOXA, HOURLINE, SOLVENT и RACKLIGHT. Они опубликованы с 24 по 28 сентября 2026 года, работают на tarasovvitalii.com/demos/, и у каждого есть страница кейса в списке работ студии.
Компании в этих демо — настоящие клиенты?
Нет. Каждый бренд, человек, баланс и запись в семи демо придуманы, каждое демо показывает пометку о концепте, а в каждом кейсе есть раздел с описанием того, что концепт не доказывает.
Почему у ROKO оценка Lighthouse ниже, чем у остальных?
ROKO выполняет длинные задачи в основном потоке, пока стартует его 3D-сцена, и на имитации телефона самая крупная отрисовка приходит через 4,2 секунды. Следующим шагом кейс называет запуск сцены после того, как отрисуется первый текст.
Используют ли демо настоящий искусственный интеллект?
Ассистенты записи, денежного потока и склада подписаны как демо-ИИ: это правила и статистика в браузере, а не языковая модель. VOXA распознаёт голосовые команды через встроенное в браузер распознавание речи и голосовой парсер, написанный для демо.
Можно ли превратить концепт-сайт в настоящий продукт?
Он может стать отправной точкой. Рабочей версии всё равно понадобятся сервер, учётные записи и права доступа, реальные данные, интеграции, контент и тестирование с реальными пользователями, и каждый кейс перечисляет, что изменится в первую очередь.