СервикоАвто — мобильное приложение для логистики

Главное о кейсе

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

Как проект изменил жизнь пользователей

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

Бизнес-задача и ее решение

Требовалось:

1. Создать функционал, который бы упростил взаимодействие между водителем и менеджером (диспетчером);
2. Разработать систему оповещений при отклонении водителя от маршрута;
3. Создать функционал, позволяющий собирать, хранить и редактировать данные о водителях и грузовике;
4. Интегрировать приложение с порталом топливных организаций и «Дорожной сетью»;
5. Оптимизировать время на построение маршрута от точек погрузки и разгрузки в приложении;
6. Уменьшить время ответа менеджера.

Как мы решили задачи клиента:

Разработали приложение, которое закрывает потребности всех участников: и заказчика, и менеджеров, и самих водителей.

Водителям приложение позволяет:

1. Автоматизировать свой путь — внутри есть встроенный навигатор для крупнотоннажных авто, на экране отображаются заправки и опасные зоны;
2. Фотографировать документы по рейсу для отчета руководству — интегрированная система «‎дорожные сети»‎ избавляет водителя от ручного сбора документов, их можно отсканировать через камеру планшета;
3. Получать краткие сообщения о происшествиях на дороге, изменениях в работе или новых заявках с помощью админки и парсинга новостей с сайта ati.su;
4. Пользоваться шаблонами типовых документов и гайдом по работе с приложением, которые мы добавили.

Диспетчерам (менеджерам) приложение позволяет:

1. Каждые 8 часов получать информацию о том, опаздывает водитель или идет в графике, чтобы корректировать следующий маршрут;
2. Отправлять оповещения как конкретному человеку, так и всем водителям сразу;
3. При необходимости удаленно отключать водителя от системы.

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

Интеграция с Яндекс.Картами:

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

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

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

Вторая сложность возникла при создании функции отклонения от маршрута. Когда водитель отклонялся от намеченного пути (например, ему срочно понадобилось ТО или заправка, которая расположена не по маршруту) точка, отображающая самого водителя, стопорилась именно на том месте, где он свернул.

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

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

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

Крафт (мастерство), реализация, технические детали

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

Lottie — это библиотека для веб-разработки iOS, Android и React Native, которая отображает анимацию After Effects в режиме реального времени, позволяя сайтам и приложениям использовать анимацию так же легко, как и статическое изображение.

От скорости грузовика зависит интенсивность движения анимации. Когда он стоит, анимация не движется. Как только водитель тронулся с места, она «оживает».

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Для реализации функционала навигации водителя по маршрутам мы использовали Яндекс.Карты в виде пакета для React Native, который написан с использованием Yandex MapKit. В пакете не были реализованы полноценные функции навигации и движения по маршруту. Их мы воплотили на нативном языке Java и успешно использовали в основной части приложения (в React Native).

Прочая информация о кейсе

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

Скриншоты

Комментарий заказчика

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