Два мобильных приложения одной логистической системы — для отправителя и курьера
О проекте
MVP версия
200+ макетов
QWQER Business — логистический продукт на рынке США, объединяющий два приложения с разными пользовательскими ролями:
— для отправителей,
которые создают и управляют заказами;
— для курьеров,
которые находят и выполняют заказы.
Задача — спроектировать единую логику взаимодействия двух сторон так, чтобы действия отправителя последовательно передавались курьеру и завершались доставкой.
— для отправителей,
которые создают и управляют заказами;
— для курьеров,
которые находят и выполняют заказы.
Задача — спроектировать единую логику взаимодействия двух сторон так, чтобы действия отправителя последовательно передавались курьеру и завершались доставкой.
01
Архитектура
На первом этапе проработали архитектуру двух связанных приложений.
Главная задача — синхронизировать пользовательские сценарии отправителя и курьера: создание заказа одним пользователем должно формировать понятный сценарий поиска, принятия и выполнения заказа другим.
Поэтому архитектуру строили не для каждого приложения отдельно, а как единую систему взаимодействия двух ролей.
Главная задача — синхронизировать пользовательские сценарии отправителя и курьера: создание заказа одним пользователем должно формировать понятный сценарий поиска, принятия и выполнения заказа другим.
Поэтому архитектуру строили не для каждого приложения отдельно, а как единую систему взаимодействия двух ролей.
02
Проектирование
Детально проработали логику ключевых пользовательских сценариев для обеих ролей.
Для отправителя путь начинается с создания заказа: выбор категории груза, транспорта, адресов, описание и стоимость, после чего пользователь выбирает курьера.
Для курьера сценарий начинается с поиска подходящего заказа. Он может учитывать цену, радиус и тип груза, изучить информацию и принять заказ.
Так две последовательности действий связаны между собой в один сквозной сценарий — от создания заказа до его выполнения.
Для отправителя путь начинается с создания заказа: выбор категории груза, транспорта, адресов, описание и стоимость, после чего пользователь выбирает курьера.
Для курьера сценарий начинается с поиска подходящего заказа. Он может учитывать цену, радиус и тип груза, изучить информацию и принять заказ.
Так две последовательности действий связаны между собой в один сквозной сценарий — от создания заказа до его выполнения.
03
Дизайн
приложения
приложения
В основу интерфейса заложили сдержанную и нейтральную визуальную систему, которая не перегружает пользователя при длительной работе с приложением.
При этом основной акцент сделали не только на визуальной подаче, но и на понятности рабочих сценариев: пользователь должен быстро понимать статус заказа, доступные действия и следующий шаг.
При этом основной акцент сделали не только на визуальной подаче, но и на понятности рабочих сценариев: пользователь должен быстро понимать статус заказа, доступные действия и следующий шаг.
КурьерСоздание заказа
После принятия заказа курьер получает отдельный сценарий его выполнения.
В разделе заказов собраны текущие и завершённые доставки.
В разделе заказов собраны текущие и завершённые доставки.
Сценарий создания заказа разбили на последовательные шаги, чтобы пользователь постепенно заполнил всю необходимую информацию
Сначала отправитель выбирает категорию груза и подходящий транспорт
Затем указывает маршрут
При необходимости добавляет несколько адресов
После этого добавляет описание и фотографии груза. Стоимость можно задать самостоятельно или использовать расчёт приложения
На следующем этапе отправитель выбирает подходящего курьера
При необходимости применяет купон
После подтверждения заказ передаётся в систему и становится доступен для выполненияСценарий создания заказа разбили на последовательные шаги, чтобы пользователь постепенно заполнил всю необходимую информациюСначала отправитель выбирает категорию груза и подходящий транспортЗатем указывает маршрутПри необходимости добавляет несколько адресовПосле этого добавляет описание и фотографии груза. Стоимость можно задать самостоятельно или использовать расчёт приложенияНа следующем этапе отправитель выбирает подходящего курьераПри необходимости применяет купонПосле подтверждения заказ передаётся в систему и становится доступен для выполнения
Карточку заказа адаптировали под его текущее состояние.
Для каждого статуса предусмотрели собственное представление и набор доступных действий: черновик, ожидание, подтверждение, выполнение, завершение или отмена.
Так пользователь в каждый момент понимает, на каком этапе находится заказ и что с ним можно сделать дальше.
Для каждого статуса предусмотрели собственное представление и набор доступных действий: черновик, ожидание, подтверждение, выполнение, завершение или отмена.
Так пользователь в каждый момент понимает, на каком этапе находится заказ и что с ним можно сделать дальше.
КурьерПоиск заказа
После принятия заказа курьер получает отдельный сценарий его выполнения.
В разделе заказов собраны текущие и завершённые доставки.
В разделе заказов собраны текущие и завершённые доставки.
Для курьера спроектировали отдельный сценарий поиска подходящих заказов
Он может ограничить выдачу по расстоянию, стоимости и типу груза, а перед принятием заказа изучить его основные параметры
Это позволяет курьеру самостоятельно выбирать заказы, которые соответствуют его текущему маршруту и условиям работыКурьерВыполнение заказа
После принятия заказа курьер получает отдельный сценарий его выполнения.
В разделе заказов собраны текущие и завершённые доставки.
В разделе заказов собраны текущие и завершённые доставки.
Курьер выбирает заказ
Запускает выполнение
При необходимости связывается с получателем
А после доставки фотографирует груз
Для завершения сценария подтверждает доставку
Вводит код, полученный получателем
После этого заказ переходит в завершённый статусКурьер выбирает заказ из спискаНажимает “Начать”Курьер может связаться с адресатом при необходимостиДелает фото доставленного грузаНажимает «Подтвердить» для завершения заказаВводит код, присланный получателюЗаказ завершен
ОтправительЛичный кабинет
В личном кабинете собрали основные данные и функции, необходимые отправителю для управления сервисом.
Профиль
Статистика заказов
Купоны
Банковские карты КурьерЛичный кабинет
Для курьера личный кабинет построили вокруг его рабочей информации и истории выполнения заказов.
Профиль курьера
Редактирование данных
Данные автомобиля
Статистика заказовОтправительЧат поддержки
Встроили поддержку непосредственно в пользовательский сценарий.
Пользователь может сначала найти ответ среди часто задаваемых вопросов, а при необходимости перейти к общению с чат-ботом.
Пользователь может сначала найти ответ среди часто задаваемых вопросов, а при необходимости перейти к общению с чат-ботом.
КурьерЧаты
Предусмотрели отдельный раздел для коммуникации сотрудников и решения рабочих вопросов непосредственно внутри приложения.
04
UI-kit
Подготовили UI-kit как основу единой дизайн-системы двух приложений.
Систематизировали основные элементы интерфейса и их состояния, чтобы поддерживать единый визуальный язык продукта и масштабировать его при дальнейшем развитии.
Систематизировали основные элементы интерфейса и их состояния, чтобы поддерживать единый визуальный язык продукта и масштабировать его при дальнейшем развитии.
Приложение
бизнес-отправителя
бизнес-отправителя
Для бизнес-отправителей и операторов логистики спроектировали отдельное веб-приложение, связанное с мобильными сценариями отправителя и курьера.
Оно позволяет управлять заказами и логистическими процессами с другой стороны системы.
Смотреть кейс
Оно позволяет управлять заказами и логистическими процессами с другой стороны системы.
Спасибо!
Спасибо! Мы получили ваш запрос и свяжемся с вами в рабочее время.
Расскажите о ближайших целях, новых функциях и задачах команды. Мы разберёмся в контексте и предложим оптимальный формат.