Веб · iOS · Android Логистический сервис · Веб, iOS и Android

Работа Зерновозам: веб-сервис и приложения для поиска перевозок

Разработали веб-платформу и мобильное приложение для рынка зерноперевозок. Заказчики размещают заявки, перевозчики выбирают подходящие направления, изучают условия и общаются внутри сервиса.

ОтрасльЗерноперевозки
ФорматВеб-сервис и мобильное приложение
ПлатформыБраузер, iOS, Android
Наша работаВеб-разработка, мобильная разработка, интеграция с API
1Найти перевозкуКарта, список и фильтры по условиям заявки.
2Изучить условияНаправление, культура, объём, расстояние и ставка.
3Перейти к общениюОтклик и диалог, связанный с заявкой.
01

Соединить заявку на перевозку и человека, который её выполнит

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

Задача продукта — собрать поиск перевозок, размещение заявок и общение участников в одном сервисе. На большом экране пользователь должен видеть общую картину, а с телефона — находить нужную информацию и продолжать работу в мобильном приложении.

02

Два способа увидеть рынок: на карте и в списке

Реализовали карту заявок и списочное представление. Карта помогает ориентироваться по географии погрузок, а список — последовательно сравнивать предложения. Пользователь переключает представление и уточняет выбор фильтрами.

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

Карта и карточки заявок
03

Размещение перевозки — последовательный сценарий

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

В личном разделе можно работать со своими заявками: редактировать их, повторять похожие размещения и обращаться к архиву. Для заказчика это продолжение рабочего процесса, а не отдельная форма, после отправки которой всё приходится начинать заново.

Один из вариантов формы в дизайн-макете
04

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

Встроили диалоги по заявкам с текстовыми сообщениями и файлами. Обсуждение привязано к предмету перевозки: пользователю проще вернуться к нужному разговору и его условиям.

Отзывы о заказчиках, ответы на них и возможность сообщить о проблеме дополняют информацию об участниках. Форум даёт отдельное пространство для отраслевых вопросов, новостей и обмена опытом: с разделами, темами и поиском по обсуждениям.

Форум: поиск и пустое состояние
Форум в опубликованных материалах приложения
05

Те же рабочие задачи — с телефона

Для iOS и Android разработали мобильное приложение. В нём доступны карта и список заявок на перевозку, просмотр условий, отклики и диалоги, работа со своими заявками, форум и отзывы.

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

Приложение опубликовано в App Store и Google Play. Ссылки на магазины и веб-сервис позволяют посмотреть продукт за пределами портфолио.

Мобильный список заявок
Мобильная карта заявок
Поиск заявок в опубликованных материалах приложения
Официальная обложка приложения в App Store
06

Сложность — в связи между состояниями

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

В мобильной части учли различия платформ: на Android реализован собственный нативный модуль для Яндекс.Карт, а на iOS используется интеграция с Google Maps.

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

07

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

В результате создан связанный цифровой сервис для заказчиков и перевозчиков. В нём можно разместить перевозку, найти подходящее предложение, изучить условия и перейти к общению по заявке. Веб-платформа дополняется мобильным приложением для iOS и Android.

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

ТЕХНОЛОГИИ

Веб-платформа
Vue 2VuexVue RouterElement UIAxiosSass / SCSSVue CLI
Мобильное приложение
React NativeExpoReactTypeScriptReact NavigationTanStack Query
Интеграции
Серверный APIЯндекс.Карты — веб и AndroidGoogle Maps — iOSPush-уведомления
Наша работа — клиентская часть: веб-платформа и мобильное приложение для iOS и Android с интеграцией серверного API. Карты: на вебе и Android — Яндекс, на iOS — Google Maps.

Нужен сервис, на котором держится работа?

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

Обсудить задачу