
Концепт операционной CRM для вымышленной логистической компании: каждый посетитель собирает свою песочницу с командой, клиентами и заказами за 14 дней и ведёт её вживую в браузере вместе с демо-ИИ.
Обзор
Global Control — операционная CRM, которую мы спроектировали и собрали как концепт на примере Northstar Logistics, вымышленной компании доставки с хабами в Москве, Дубае, Лондоне и Нью-Йорке. Это главный из наших продуктовых концептов: девять работающих модулей в одном браузерном приложении (главный экран Command, заказы, команда, живая карта, клиенты, отчёты, автоматизации, ИИ-копилот и настройки) и заставка с глобусом на three.js.
Задание звучало так: премиальная CRM, в которой руководитель регистрирует сотрудников, раздаёт заказы, отслеживает их, смотрит показатели и графики, выгружает отчёты за месяц и год, получает уведомление, когда кто-то входит в систему, и работает с ИИ, который подстраивается под человека, а посетитель может нажать на всё и создать что-то своё. Поэтому каждый посетитель за короткий онбординг собирает собственную песочницу и получает вымышленную команду, клиентов и две недели заказов, а живая симуляция не даёт компании замереть, пока он смотрит. Из браузера ничего не уходит: пространство хранится в localStorage.
9
работающих модулей в одном браузерном приложении, плюс заставка и палитра ⌘K
Источник: Подсчёт 28 сент. 2026, маршрутизатор и сборка
35
намерений копилота, понимает русский и английский
Источник: Подсчёт 28 сент. 2026, исходный код копилота
2 045
строк интерфейса на русском и столько же на английском, ни одной пропущенной
Источник: Подсчёт 28 сент. 2026, проверка сборки
79 / 97
производительность в Lighthouse, телефон / компьютер (медианы 5 прогонов)
Источник: Замер 28 сент. 2026, живой адрес
Подход
Онбординг спрашивает имя, роль (владелец, менеджер или сотрудник), название компании, отрасль, размер команды от 8 до 30 человек, валюту и акцентный цвет. По ответам генератор с фиксированным зерном собирает пространство: в демо по умолчанию это 18 человек в четырёх хабах, 22 клиента, около 400 заказов за 14 дней и шесть автоматизаций, а за ними — сгенерированная история, чтобы отчётам за месяц и год всегда хватало данных. Отрасль меняет словарь во всём интерфейсе (доставки и курьеры, выезды и мастера или заказы и сборщики), роль меняет главный экран (деньги и рост у владельца, очередь диспетчера у менеджера, «мой день» у сотрудника), а меню само перестраивается под то, чем человек пользуется чаще. Симуляция вводит людей в систему и выводит из неё с уведомлением, приносит новые заказы, ведёт курьеров по маршрутам и закрывает доставки, и у каждого хаба своё местное время.
Заказы — это доска, где карточки перетаскивают между статусами и прямо на людей, у каждой карточки живое кольцо SLA, а в карточке заказа ИИ-диспетчер ранжирует команду по хабу, загрузке, расстоянию, доле доставок в срок и рейтингу и объясняет выбор. В разделе «Команда» сотрудника регистрируют за четыре шага, и в конце появляется голографический бейдж, который наклоняется вслед за курсором; через несколько секунд после приглашения новый человек «входит в систему», и вся команда получает уведомление. Живая карта рисует для каждого хаба процедурный город, по которому едут курьеры, и глобальный вид с настоящей линией дня и ночи. Отчёты за месяц, квартал или год скачиваются в PDF, который собирает наш собственный минимальный генератор PDF, в CSV, который правильно открывается в Excel на обоих языках, и в JSON. Автоматизации работают как живые цепочки узлов, а конструктор превращает правило, написанное по-русски или по-английски, в триггер, условия и действия и прогоняет его на последних 14 днях. У каждого клиента есть объяснимый индекс здоровья.
Копилот — то, что мы называем демо-ИИ, и в продукте он так и подписан: языковой слой на устройстве с распознаванием опечаток на русском и английском, 35 намерениями и извлечением сущностей. Он отвечает живыми цифрами из пространства и действует через те же функции, что и человек, — от раздачи очереди до выгрузки отчёта. Проактивный слой не чаще раза в 45 секунд предлагает в один клик спасти заказ под угрозой срыва, а ⌘K открывает командную палитру. Внутри — чистые JavaScript и CSS, собранные esbuild в 43 файла с ленивой загрузкой, three.js только для глобуса в заставке, три собственных вариативных шрифта (Unbounded, Onest и JetBrains Mono), ночная и дневная темы и 2 045 строк интерфейса на каждом языке.
Галерея
Результаты
Концепт работает по адресу /demos/global-control/: девять модулей, заставка и командная палитра, на русском и английском. 28 сентября 2026 года мы сами проверили его в Chrome в headless-режиме на локальной копии с боевыми заголовками и политикой безопасности контента (CSP) портфолио: 13 маршрутов на ширине компьютера и телефона, три роли, русский интерфейс, заставка с онбордингом и основные действия (ИИ-диспетчер, новый заказ, регистрация до бейджа, шесть вопросов копилоту, ⌘K, правило словами, выгрузка в PDF и CSV) прошли без единой ошибки в консоли, без нарушений CSP и без неудачных запросов. Месячный отчёт выгрузился корректным PDF на три страницы, а дневной CSV — строкой на каждый день.
Первый скрипт, app.js, весит 3,3 КБ в gzip; все 43 файла JavaScript вместе с таблицей стилей — 573 КБ в gzip, из них 138 КБ приходится на three.js для заставки. При первом визите передаётся 528 КБ за 25 запросов. На живом адресе Lighthouse 13.5.0 (по 5 прогонов на устройство, медианы, на MacBook с load average 3–9) дал производительность 79 на телефоне и 97 на компьютере, доступность 100 и лучшие практики 100; на телефоне оценку сдерживает самая крупная отрисовка — подзаголовок заставки, который появляется через 3,7 с, после короткой загрузки.
Чего это не доказывает
Global Control — концепт, который VITON13 сделал, чтобы показать диапазон, а не заказной проект. Northstar Logistics, её сотрудники, клиенты, заказы и деньги вымышлены и генерируются в браузере посетителя: нет ни клиента, ни пользователей, ни настоящих доставок, ни трафика, ни выручки, и ничего в демо не продаётся. Приглашения, сообщения, письма и входы в систему симулируются, и никакие данные не покидают браузер.
Копилот, ИИ-диспетчер, прогнозы и конструктор правил — это демо-ИИ: разбор намерений, правила и статистика на устройстве, а не языковая модель, поэтому они ничего не доказывают о том, как модель справилась бы с настоящей работой. Время в симуляции сжато. Все цифры — лабораторные замеры в Chrome в headless-режиме на одном компьютере в один день: сценарии проверки шли на локальной копии с боевыми заголовками, Lighthouse — на живом адресе с имитацией телефона; тестирования с пользователями не было. Боевой версии понадобятся сервер, учётные записи и права доступа, настоящие уведомления, интеграции и защита данных.
Задумали что-то похожее? Каждое сообщение лично читает наш основатель — Тарасов Виталий.
Следующий проект
HYPERSOLIDИммерсивный концепт-сайт на WebGL
Концепция2026
Все работы (32)



