Курс: все рейсы в одном окне диспетчера
Диспетчер видит рейсы, их статусы и документы в одном окне, а данные сами уходят в учётную систему.
Смотреть демоУ транспортной компании рейсы ведут в мессенджерах и таблицах, а документы лежат в учётной системе. Чтобы понять, что где едет, диспетчер несколько раз в день сводит всё это вручную.
Мы спроектировали панель, в которой собраны карта рейсов, статусы и документы. Оттуда же данные уходят в учёт.
Рейс от назначения до закрытия
Концепт студии · данные вымышлены · без сети и базы данныхДиспетчер видит рейсы на схеме маршрутов. Если что-то идёт не по плану, рейс подсвечивается янтарным.
В карточке рейса есть всё нужное: водитель, машина, точки маршрута, документы и статус. Статус меняется в один клик.
Закрытый рейс уходит в учётную систему. Если где-то данные не сошлись, расхождения появляются списком, и ни одно из них не потеряется.
Другие экраны продукта
Решения
Схема вместо карты-спутника
Маршруты нарисованы схемой из линий и узлов.
Почему такДиспетчеру нужны точки и отклонения от маршрута. Рельеф ему ни к чему.
Статусы как этапы
У рейса четыре статуса: назначен, в пути, на точке и закрыт.
Почему такВодитель, диспетчер и бухгалтерия понимают их одинаково.
Журнал обмена
Каждая передача данных в учёт видна со своим статусом, а если случилась ошибка, то и с ней.
Почему такС проблемами обмена разбираются прямо в панели, и переписываться с бухгалтерией не приходится.
UI-кит продукта
Тёмный интерфейс, чтобы глаза не уставали за длинную смену. Янтарным выделены отклонения, номера рейсов набраны моноширинным шрифтом.
Тёмно-синий + янтарьПод капотом
Панель на Next.js, схема маршрутов нарисована на SVG. С учётной системой панель обменивается через API, а если передача не прошла, очередь повторит её.
Слои продукта- Next.js
- SVG
- API
- Очереди
- Postgres
Похожая задача?
Следующим может быть ваш проект
Расскажите о задаче, и мы покажем, как это может выглядеть.