Заказать дизайн

Algorithmics

Logistics SaaS Platform

UI для грузоперевозок

Интерфейс рабочего пространства 
для управления международными грузоперевозками

Наш клиент — небольшая, почти семейная компания, которая организует перевозки грузов по всему миру.

За 6 месяцев мы совместно с друзьями из «ФАНС. Разработки» оцифровали всю бумажную работу компании, не сломав ни одного привычного процесса. Теперь клиент ведёт на 20% заказов больше и прозрачно управляет бизнесом из собственной ERP-системы.

В чем была основная проблема?

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

transport icontransport icontransport icontransport icon
arrow
geo iconplus icontask icon
arrowmoney iconarrowmargin icon
Карта перевозок
Счета
Папки и счета

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

Для расчётов данные из папок приходилось вбивать в Excel или 1C вручную. Это снижало скорость работы, к тому же менеджерам было трудно работать удалённо или передавать заказы друг другу — приходилось всё время носить папки с собой.

Этапы решения проблемы

Придумать, как оцифровать бизнес-процессы, начиная с ключевых
arrowarrow
Спроектировать собственную ERP с планом развития на несколько месяцев вперёд
arrowarrow
Быстро запустить первую версию системы с ключевыми функциями
arrowarrow
Развивать дальше интерфейс системы по согласованному плану с учетом обратной связи от менеджеров клиента

Аудит и цифровизация 

бизнес-процессов

time
2 месяца

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

  • кто и как в этом участвует;
  • с какими данными и внешними системами работают;
  • какие действия совершают и какие события после этого происходят;
  • какие условия нужны для действий или событий.

В результате у нас получилась вот такая схема, которая описывает бизнес-процессы компании с точки зрения интерфейса управления ими:

Logistics SaaS Platform - Прототип

Интерфейс первой версии 

ERP-системы

time
1,5 месяца
geo icon

Спроектировали интерфейс работы с ордером — так менеджеры клиента назвали карточку заказа на перевозку:

New
On the road
At customs
Application
Customer 1
11CC-2222
China
Germany

Transportation company

IS# INV-0002098-DE

Security
Insurance
Security
Insurance
Expensive

Created: 12/06/2024

Comment: Provide additional documents at customs

Logistics SaaS Platform - MVPLogistics SaaS Platform - MVPLogistics SaaS Platform - MVP

Минимальный вид

Logistics SaaS Platform - Превью карточки

Заполнение карточки

Logistics SaaS Platform - Заполнение карточки

Заполненная карточка заказа

Logistics SaaS Platform - Полная версия карточки

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

task icon

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

Logistics SaaS Platform - Список заказов

Конструктор инвойсов и аналитика по инвойсам

time
1,5 месяца

Придумали, как автоматизировать выдачу инвойсов клиентам по данным из карточки заказа с учётом всех параметров перевозки.



Нарисовали аналитический дашборд со всеми инвойсами — исходящими для клиентов и входящими от перевозчиков; и со сводной финансовой аналитикой — общим сальдо и отдельными сводками по перевозчику, по клиенту, по департаменту.

search icon
Экран со всеми входящими и исходящими инвойсами
Logistics SaaS Platform - Список счетов
$€
Карточка формирования инвойса для клиента
Logistics SaaS Platform - счет
margin icon
Просмотр финального pdf-бланка счета 
перед отправкой клиенту
Logistics SaaS Platform - Бланк счета

Оперативная поддержка и запуск проекта

time
2,5 месяца

Разработчики выкладывают первую версию системы и клиент сразу же начинает в ней работать. Мы параллельно мониторим запуск, общаемся с клиентом и узнаем о проблемах в интерфейсе одновременно с ним. На срочные правки в интерфейсе у нас уходит от нескольких часов до пары рабочих дней. Существенные доработки занимают 1 неделю, крупные — около месяца.

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

Logistics SaaS Platform - Процессы работы
time
В работе

Формирование страхового полиса на каждый груз

Проектируем внутреннюю систему интеграции со страховой компанией, чтобы выписывать полисы на грузы по одному клику напрямую из ERP-системы.
time
Следующие шаги

Интеграции и личный кабинет

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

Почему всё получилось

bullet

Учли все пожелания менеджеров по логистике

Проводили интервью с теми, кто непосредственно ведет заказы,
и не отвлекали топ-менеджмент. В результате спроектировали систему,
с которой удобно работать, а не под которую надо подстраиваться.

bullet

Наладили обратную связь так, чтобы описания бизнес-процессов понятным образом превращались в задачи на дизайн и разработку

Любое рассогласование между интерфейсом ERP-системы и реальными бизнес-процессами мы «ловили» через систему обратной связи и оперативно дорабатывали интерфейс так, как нужно клиенту.

bullet

Работали итерациями и не стеснялись полностью переделать часть проекта, если это было оправдано

Например, только после запуска первой версии менеджеры поняли, как на самом деле должны работать некоторые функции. Помогли внимательные созвоны в Зуме с записью экрана, где мы договаривались, как всё должно в итоге работать.

bullet

Вели регулярную асинхронную коммуникацию

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

Спасибо

time
Команде клиента за доверие
Мы открыто и на равных обсуждали все проблемы и решения, и это помогло довести каждый этап до нужного результата.
time
Нашим партнерам
Благодарим наших друзей из компании «ФАНС.Разработка». Ребята, работать в одной команде с вами — сплошное удовольствие, готовы с вами в огонь и в воду!

Команда

ФАНС.Разработка

Федор Борщев,
Самат Галимов

технические директора

Анастасия Шаркова

руководитель проекта

Вячеслав Набатчиков

техлид проекта 
и бекенд-разработчик

Николай Кирьянов

бекенд-разработчик

Иван Седов

фронтенд-разработчик

Motka Design

Фил Смирнов

арт-директор

Мария Екимова

UI дизайнер

Наталья Буланова

UX дизайнер

Елизавета Плахотная

проектировщик

Интересен наш опыт?

Хотите внедрить подобную систему в своей компании — свяжитесь с нами

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Сделано в Мотка.ру

Совместная работа с клиентом на каждом этапе, от первых созвонов до финального утверждения, позволила найти решение, которое одинаково хорошо работает и для продукта, и для коммуникаций.
Есть проект, которому нужен простой и понятный интерфейс для управления сложными процессами?
Давайте созвонимся.
Назначить созвон
выбрать дату и время
написать в Telegram
@hellomotka
или на почту
design@motka.ru