/ Проект: Milevra · 2024 /

SaaS-дашборд для логистики

Веб-приложение для отслеживания грузов: карты в реальном времени, роли и доступы, API для клиентов компании. Разработка — 16 недель, деплой с CI/CD.

Ключевые решения Карта, роли и публичный API в одном дашборде
Тип
Приложения
Отрасль
Логистика / SaaS
Год
2024
Этапы работы 16 недель
  1. Бриф и исследование ≈ 2 нед.
  2. UX/UI-дизайн ≈ 5 нед.
  3. Разработка ≈ 7 нед.
  4. QA и запуск ≈ 2 нед.
  • React
  • Node.js
  • PostgreSQL
  • Mapbox

Экраны продукта 06

  1. 01 Карта грузов
  2. 02 Рейсы и статусы
  3. 03 Роли и доступы
SaaS-дашборд для логистики
  1. 04 Доступ клиента
  2. 05 API
  3. 06 Мобильная версия
О проекте

SaaS-дашборд для логистической компании: карта грузов, статусы доставок и доступ для клиентов. Мобильная версия — для водителей и менеджеров в дороге.

  • Карта в реальном времени Mapbox-карта с маршрутами и текущим положением грузов.
  • Статусы доставки Хронология каждого рейса от погрузки до вручения.
  • Роли и доступы Отдельные права для диспетчеров, водителей и клиентов.
  • API для клиентов Клиент получает статусы в свою систему без звонков менеджеру.
01 · Задача

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

02 · Что мы сделали

Превратили инструмент в полноценный SaaS-дашборд: карты в реальном времени, роли и доступы, публичный API для клиентов, облачный деплой с CI/CD и мониторингом.

  1. Было Клиенты звонят менеджеру, чтобы узнать, где груз.

    Стало Клиент видит статус сам — в своём доступе или через API в своей системе.

  2. Было Отслеживание грузов отнимает часы менеджеров.

    Стало Карта в реальном времени с маршрутами и текущим положением грузов.

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

    Стало Роли для диспетчеров, водителей и клиентов и структура, рассчитанная на SaaS.

03 · Путь клиента

Как человек проходит продукт — от первого шага до результата, который нужен бизнесу.

  1. Диспетчер видит всё

    Грузы с маршрутами и текущим положением на одной карте.

  2. Команда в дороге

    Водители и менеджеры работают с мобильной версии.

  3. Клиент проверяет рейс

    Хронология от загрузки до вручения — в его доступе.

  4. Статусы уходят в систему клиента

    Через API, без звонков менеджеру.

04 · Что внутри проекта

  1. Экран отслеживания грузов с картой и статусами

  2. Роли и доступы для команды и для клиентов

  3. Структура, рассчитанная на рост в SaaS-продукт

Прогноз

Диспетчер тратит на статус рейса минуты вместо звонков водителю, а клиенты видят трекинг сами, поэтому звонков «где груз» становится примерно вдвое меньше. Это ориентир, а не обещание.

05 · Архитектура

Как устроен продукт: от того, что видит пользователь, до данных и сервисов, с которыми он работает.

  1. Пользователь Открывает сайт с телефона или компьютера
  2. Интерфейс Что видит и нажимает человек
    • React
  3. Логика Правила, роли и сценарии
    • Node.js
  4. Данные и интеграции Где лежат данные и с чем обменивается продукт
    • PostgreSQL
    • Mapbox

06 · Как строится такой проект

Итого: 16 недель
  1. 01 ≈ 2 нед. Бриф и исследование Цели, аудитория, структура страниц и что должен делать продукт
  2. 02 ≈ 5 нед. UX/UI-дизайн Прототип, дизайн ключевых экранов и мобильной версии
  3. 03 ≈ 7 нед. Разработка Вёрстка, CMS, интеграции и анимации
  4. 04 ≈ 2 нед. QA и запуск Проверка на устройствах, скорость, SEO-база и запуск

Типовое распределение этапов для проекта такого объёма

07 · Услуги в этом проекте

Следующий проект Rutynik · 2024 Платформа автоматизации бизнес-процессов Автоматизация / SaaS

Решения под конкретную задачу

Готовые сценарии под ваш случай — с примерами и ориентировочными ценами.

Другие проекты

Все проекты →