Navigator.
Двигатель не заведётся, пока ТО не закрыто. PWA для водителя, админка диспетчера, 16 автосервисов и 1С — на одном бэкенде.
Чтобы спор «кто кому должен» никогда не доходил до директора.
до того, как водитель что-то введёт
- Что
- Платформа аренды для таксопарка Петербурга: PWA водителя, админка диспетчера, СТО и 1С на одном бэкенде.
- Зачем
- Каждый шаг жил в отдельном чате; заказ-наряды задним числом, расхождения ловили раз в месяц.
- Моя роль
- Продукт, UI, взаимодействие и фронтенд, вместе с ИИ-помощниками.
- Результат
- 161 машина · 16 СТО-партнёров · 15 разделов админки
Платформа аренды автомобилей для петербургского таксопарка, где один заказ-наряд одинаково выглядит для водителя, автосервиса и финансового отдела.
Читать полностью
Платформа аренды автомобилей для таксопарка в Санкт-Петербурге: PWA водителя, админка диспетчера, интеграции с 16 автосервисами и 1С. 15 разделов админки, 2 PWA-приложения, 5 городов — каждое состояние спроектировано так, чтобы спор «кто кому должен» никогда не доходил до директора.
Сделано вместе с ИИ-помощниками (Claude Code). Клиентский проект, 2025–2026.
Один заказ. Три экрана.
Телефон водителя, чат автосервиса, финансовая админка.
заплатить хоть рубль
Excel + WhatsApp. Спор доходит до директора.
161 машина, 16 автосервисов в 5 городах, 1С как источник правды — и каждый шаг в отдельном чате.
Каждый день одно и то же
Пропущенное ТО, несогласованные счета.
Заказ-наряд — одна сущность
Оплата невозможна, пока его не согласуют все три стороны.
- 01Цветной статус важнее номера.
- 02Табличные цифры везде.
- 03Редактирование в строке, никаких попапов.
Отвергли
Читать полностью
Парк из 161 машины, 16 автосервисов-партнёров в 5 городах, 1С как источник правды. До системы каждый шаг был отдельным чатом. Заказ-наряды оформлялись задним числом, расхождения ловили раз в месяц.
Проблема — каждый день одно и то же. Водитель пропустил ТО. Автосервис выставил счёт без согласования. Бухгалтерия не понимает, за что платит. Информация приходит хаотично — из чатов и звонков, но никогда из единой формы.
Тезис — заказ-наряд это одна сущность. Один объект данных одинаково выглядит в трёх интерфейсах: телефоне водителя, чате автосервиса и финансовой админке. Оплата невозможна, пока заказ не согласуют все три стороны.
Три правила без исключений. Цветной статус важнее номера заказа — красный чип «Требует повторного согласования» всегда стоит над чёрным заголовком. Табличные цифры везде — когда суммы меняются, вёрстка не прыгает. Редактирование в строке, а не в попапе — клик по полю в строке редактирует его на месте; никаких модалок и детальных страниц.
Отвергли. Карточки для задач — их сотни, строки и прокрутка выигрывают. Детальные страницы — всё в той же строке. Пагинацию — на 10 000+ заказов выигрывает виртуальная прокрутка. Папки по неделям — вместо них разделитель недели внутри одной ленты. Анонимные комментарии — у каждого ответа есть автор и аватар.
От аудиторских созвонов до v3.22 в продакшене.
За каждым решением в админке стоит цитата пользователя.
Заказ-наряд · основной сценарий
Оставляет заявку на ТО в PWA
Подтверждает в чате
Согласует лимит
Двигатель разблокирован
Оплачено, 1С сверена
Каждый шаг подробно
90 минут записей с таксопарком → 7 конкретных болей → дизайн-система → UI-кит → интеграции → продакшен. У каждого решения в админке есть цитата-обоснование.
Исследование. Записал 90 минут разговоров с диспетчером, водителем и менеджером автосервиса. Расшифровал в 7 болей: «специалисты никогда не проваливаются в детальную страницу», «у комментариев должны быть авторы», «нам нужны строки, а не карточки».
Архитектура. Заказ-наряд: статусы (черновик / на проверке / повторное согласование / оплачен) общие для всех трёх интерфейсов. Привязка к 1С по UUID, а не по названию. «Расхождения» — отдельная таблица, а не баг.
MVP. На фронте React + Vite + TypeScript. На бэке Fastify + Prisma + Postgres. Обёртка Tauri для iOS/Android. Первая версия: 5 вкладок у водителя, 8 разделов админки.
Итерации. 1 135 событий в логах за первый месяц показали, где люди кликали и застревали, где жали «Отмена» и уходили в чат. По логам сделали 30+ микроправок интерфейса и 5 новых разделов админки.
Продакшен. Веб + VK Mini App + Android APK на одном бэкенде. CI/CD через GitHub Actions на собственном раннере. Интеграция с телематикой блокирует двигатель, пока ТО не закрыто.
UX-карта основного сценария — 5 узлов, 3 участника: водитель оставляет заявку на ТО в PWA → автосервис подтверждает в чате → офис парка согласует лимит → двигатель разблокирован → оплата, сверка с 1С.
Пять вкладок. Одна блокировка.
Круглая кнопка в центре — не вкладка: она разблокирует двигатель.
Моя машинаБаланс, пробег, уровень.
ТОШесть полей, пять уже заполнены.
БлокировкаКрасная до согласования.
ПрофильУровень кешбэка, история.
ИИ-ассистентОтвечает на типовые вопросы.
«как ездить бесплатно»
Свёрстанные макеты с тестовыми данными — без реального водителя.
Каждая вкладка подробно
PWA водителя на пяти вкладках. Центральная круглая кнопка — не просто вкладка, а физическая разблокировка двигателя. Пока ТО не закрыто, она блокирует машину на уровне телематики.
01 · Моя машина — баланс, пробег, уровень. Один экран отвечает на три вопроса: сколько у меня денег, что с ТО и какой у меня уровень кешбэка. ТО просрочено → сверху красный баннер, и водитель не звонит в офис.
02 · ТО — шесть полей, пять уже заполнены. Имя, договор, телефон, марка, госномер — всё подтягивается из 1С автоматически. Водитель выбирает только вид работ, автосервис, дату и время. Заявка попадает в чат автосервиса без ручного ввода.
03 · Блокировка (в центре) — не дизайнерский выбор, а бизнес-правило. Пока заказ-наряд не согласован и парком, и автосервисом, кнопка горит красным, и двигатель физически не разблокируется. После согласования — зелёный: «Двигатель разблокирован — заявка не нужна».
04 · Друзья + ИИ — 5 000 ₽ за друга, ИИ для всего остального. Реферальная программа: 5 000 ₽, когда друг пополняет баланс на 10 000+ ₽, максимум 15 000 ₽. ИИ-ассистент перехватывает 80% типовых вопросов («какой у меня баланс», «когда ТО», «как ездить бесплатно») — оператор занимается только нетривиальными.
Не дизайнерский выбор. Бизнес-правило.
Пока парк и автосервис не согласуют заказ, двигатель физически не разблокируется.
- ●КрасныйЗаказ не согласованМашина остаётся заблокированной на уровне телематики.
- ✓Зелёный«Двигатель разблокирован»Заявка не нужна — можно ехать.
15 разделов. Одна сущность — заказ-наряд.
Бэк-офис для диспетчеров, финансов и службы безопасности автосервисов. Персональные данные размыты.
01 · ДашбордЕсли четвёртая плитка не ноль — дальше можно не смотреть.
02 · Заказ-нарядыКрасный «Требует повторного согласования» всегда сверху.
в реальном времени
Каждый раздел — в одном ритме.
Админка помещается и в телефон.
11 · Запросы в каталог · 15 · Рефералы
Все 16 экранов с подписями
Бэк-офис для диспетчера, финансов и службы безопасности автосервисов. Цветной флаг статуса, расхождения с 1С, воронка «к оплате», статистика замен по маркам и ИИ-ассистент на 70 сценариев и 11 ролей.
- 01 · Дашборд. Один экран, четыре числа: машины, автосервисы, заказы, расхождения. Если четвёртая плитка не ноль, можно больше никуда не смотреть.
- 02 · Заказ-наряды. Цветной статус важнее номера заказа. Красный «Требует повторного согласования» всегда сверху.
- 03 · Машины. У каждой машины свой пробег, договор, статус и история ТО.
- 04 · Автосервисы. 16 автосервисов в 5 городах. У каждого свой лимит оплаты и приоритет.
- 05 · Запчасти и работы. Каталог запчастей с ценами, которые подтягиваются через API Rossko.
- 06 · Статистика замен. 2 472 замены за период по маркам и городам — видно, какие модели ломаются чаще.
- 07 · Чат. Отдельная ветка на каждый заказ. ИИ-агент перехватывает типовое и эскалирует только пограничные случаи.
- 08 · Отчёты. Сверка с 1С в реальном времени — расхождения подсвечены красным.
- 09 · К оплате. Воронка: подтверждено → счёт → оплачено. Лимиты по каждому автосервису как ограничители.
- 10 · Пользователи. Три уровня доступа: супер-админ, финансы, служба безопасности автосервиса.
- 11 · Запросы в каталог. Очередь ручных правок каталога с приоритетом и SLA.
- 12 · Записи. Календарь записей с разрешением конфликтов и автонапоминанием водителю.
- 13 · API Rossko. 5 городов, 5 пар ключей, 0 цен, введённых вручную.
- 14 · Логи действий. 1 135 событий — кто, что и когда сделал. Без логов спор «кто кому должен» не решить.
- 15 · Рефералы. Бонус, лимит, приоритет — три ручки, и программа работает.
- 16 · ИИ-ассистент. 70 сценариев на 11 ролей. Средняя уверенность модели — 100% в обученных диалогах. Подсказки сверху, потому что 80% вопросов повторяются.
Мобильные виды админки: дашборд и заказ-наряды.
На запуске — сразу в продакшене.
Пять платформ на одном бэкенде.
Детали релиза
Версия v3.22.293. PWA водителя + VK Mini App + Android APK + RuStore + консоль администратора на одном бэкенде. Продакшен: навигатораппспб.рф/app/. 5 городов · 5 платформ.
