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 масштаба

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

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

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

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

Назначение MOVE&ON и сведения о продукте интерпретированы по видимому UI. Мы описываем только представленные экраны перевозок, доставки, плана загрузки, отгрузки, маршрута и заказов, не приписывая системе невидимые интеграции или доказанный финансовый эффект.

FAQ

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

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

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

Рассылка

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