01 — Кейс · CRM Системы

MOVE&ON — ERP/TMS для управления перевозками и загрузкой транспорта

Мы спроектировали единый диспетчерский контур: главная и сквозной поиск ведут к перевозкам, доставке, плану загрузки и отгрузке, а внутри рейса связаны водитель, транспорт, грузовые секции, карта, маршрут и заказы со статусами. Центральная визуализация кузова помогает читать состав загрузки, не теряя адреса и временные окна. Так разрозненные операции собираются в один управляемый сценарий.

6 месяцевNDA
Обновлено:
Смотреть кейс
срок проекта
6 месяцев
функциональных модулей
9
этапов проработки
6
ключевых технологий
4
MOVE&ON — ERP/TMS для управления перевозками и загрузкой транспорта

02 — Контекст

Задача проекта

Исходная ситуация, ограничения и проблемы, которые должна была решить новая система.

В перевозках одно решение зависит сразу от нескольких объектов: конкретной машины, водителя, набора грузов, адресов и временных окон. Если план загрузки хранится отдельно от маршрута и списка заказов, диспетчер постоянно переключает контекст и может принять решение по устаревшему статусу.

Задачей MOVE&ON стало дать диспетчеру пространственное представление загрузки и одновременно сохранить операционные детали рейса. На одном экране должны читаться параметры транспорта, занятые и свободные секции, процент загрузки, маршрутные точки и состояния заказов — без необходимости собирать картину вручную.

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

Непрозрачная загрузка

Список грузов не показывает, как они размещены в машине и где остаётся свободная вместимость для нового заказа.

Разрыв маршрута и заказов

Адреса, временные интервалы и статусы доставки теряют контекст, когда находятся в разных рабочих инструментах.

Медленный диспетчерский поиск

Поиск нужной перевозки по идентификатору или адресу занимает лишнее время, если нет единой навигации и реестра.

Разрозненные статусы

Состояние грузовой секции, этап рейса и статус заказа сложно сопоставить, если каждый объект обновляется и просматривается отдельно.

03 — Возможности

Что делает система

Ключевые сценарии и рабочие модули, собранные в единую систему.

Главная и сквозная навигация

Верхний уровень объединяет главную, перевозки, доставку, план загрузки и отгрузку. Активный раздел всегда заметен, а уведомления и профиль сохраняются в общей оболочке. Это создаёт единый вход в систему, не приписывая главной странице функции, которых нет на предоставленном экране.

Рабочая область перевозки

Раздел перевозок собирает выбранный рейс вокруг главного объекта — машины с её загрузкой. Водитель, параметры транспорта, грузовые секции, маршрут и реестр заказов читаются как части одной перевозки, поэтому диспетчеру не нужно восстанавливать связи по нескольким окнам.

Карточка транспорта и водителя

Рабочий экран сохраняет контекст выбранной машины: показывает водителя, его статус, тип силовой установки, двигатель и показатели эксплуатации. Диспетчер понимает, с каким ресурсом работает, до изменения состава груза или перехода к маршруту.

Интерактивный план загрузки

Кузов представлен как последовательность секций с идентификаторами, весом, направлением и признаком экспресс-доставки. Свободную секцию можно добавить прямо в схеме, а крупные индикаторы показывают заполнение отдельных зон. Масштабирование помогает работать и с общей компоновкой, и с деталями.

Грузовые секции

Каждая зона кузова оформлена как самостоятельная секция с идентификатором, весом, направлением, признаком экспресс-доставки и состоянием заполнения. Свободная зона выделена отдельно, поэтому новый груз можно рассматривать в контексте уже собранной компоновки, а не абстрактного списка вместимости.

Маршрут и временная шкала

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

Реестр заказов

Таблица показывает клиента, идентификатор отправления, адрес и текущий статус заказа. Цветовые маркеры отделяют выполненные доставки от находящихся в пути, а фильтры и меню действий помогают сузить список. Реестр работает рядом с визуализацией рейса, поэтому контекст не теряется.

Доставка и отгрузка

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

Поиск и контроль заказов

Глобальный поиск предлагает находить сущности по идентификатору или адресу. Рядом реестр выводит клиента, ID отправления, адрес и статус, а фильтр и меню действий дают точки управления списком. Так поиск, проверка статуса и возврат к контексту рейса образуют короткий диспетчерский сценарий.

04 — Архитектура

Технологический стек

Технологии выбраны под нагрузку, интеграции и дальнейшее развитие продукта.

React + TypeScript

Интерактивная схема загрузки содержит связанные секции, заказы и состояния выбора. Компонентная архитектура и строгая типизация удерживают согласованность данных при редактировании плана.

Node.js

Серверный слой организует операции с рейсами, заказами и планами загрузки как отдельные доменные сценарии и предоставляет интерфейсу единый контракт данных.

PostgreSQL

Транзакционная модель подходит для связей между машиной, рейсом, секцией груза, маршрутной точкой и заказом, где изменения должны сохраняться согласованно.

Docker

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

  • React
  • TypeScript
  • Next.js
  • NestJS
  • PostgreSQL
  • Mapbox

05 — Процесс

Как проектировали

Этапы продуктовой проработки: от разбора интерфейса и сценариев до архитектуры и проверки прототипа.

Разложили работу от входа через главную и поиск до перевозки, доставки, плана загрузки и отгрузки. Внутри рейса зафиксировали выбор машины, проверку водителя, распределение грузов, маршрут и контроль заказов.

06 — Итог

Результаты

Итоги продуктовой проработки: архитектура системы, связанные сценарии и готовые спецификации модулей.

MOVE&ON оформлен как целостный ERP/TMS-контур: общая оболочка ведёт от главной и поиска к перевозкам, доставке, плану загрузки и отгрузке, а выбранная перевозка связывает машину, водителя, грузовые секции, карту, маршрут и заказы. Диспетчер видит не абстрактный список отправлений, а их место в рейсе и текущее состояние.

Девять модулей покрывают полный диспетчерский сценарий: от навигации и поиска до управления грузовыми секциями, маршрутом и статусами заказов. Данные о машине, водителе, грузе и остановках остаются связаны с выбранной перевозкой на каждом этапе работы.

5 разделов

в верхней операционной навигации

1 экран

для загрузки, маршрута и заказов

9 модулей

описывают видимый контур системы

2 масштаба

для обзора и деталей схемы

Детали проекта

Почему кейс без имени клиента

В публичной версии кейса имена, адреса, идентификаторы отправлений, параметры автомобилей и временные интервалы обезличены. Логика диспетчерской работы и структура перевозки сохранены.

Кейс показывает контуры перевозок, доставки, плана загрузки, отгрузки, маршрутов и заказов. Сведения о контрагентах, внутренних регламентах и внешних интеграциях не раскрываются по условиям конфиденциальности.

FAQ

Вопросы о проекте

Обсудим похожий проект?

Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки

Рассылка

Подпишитесь на нашу рассылку
ArdaМинцифры РоссииСделано в России
Услуги по разработке сайтов и Telegram-ботов оказывает ИП Акерман Д.И., ИНН 591907265805, ОГРНИП 321595800025080. Бренд «МАЙПЛ» принадлежит ООО «МАЙПЛ» — иные услуги оказываются ООО.