Двусторонняя платформа, объединяющая центры утилизации отходов и перевозчиков. Я разработала дизайн для MVP, ориентированного на 5+ центров утилизации и 30+ перевозчиков, обрабатывающего более 250 грузов в месяц — с 3 различными ролями пользователей на iOS и Android
750+
экраны и состояния, разработанные для приложения Hauler
26
покрыто сценариев
5 мес
длительность проекта
2
Платформы (iOS & Android)
О проекте
Haul — это двусторонняя торговая площадка, которая связывает центры утилизации отходов с независимыми перевозчиками. Центры утилизации размещают запланированные грузы, а перевозчики принимают заказы, вывозят мусор и получают оплату — и все это внутри платформы.
Продукт был создан с нуля как MVP с целью подключить более 5 центров утилизации отходов, более 30 перевозчиков и обрабатывать более 250 рейсов ежемесячно в течение первых 3–6 месяцев после запуска
Вызовы
Нет единого инструмента для поиска и получения заказов водителями
У перевозчиков не было единого инструмента для поиска и бронирования грузов. Всё координировалось вручную и держалось на личных связях — это было неэффективно, медленно и не поддавалось масштабированию. Цель заключалась в том, чтобы разработать удобное мобильное приложение, которое было бы интуитивно понятным для водителей, но при этом справлялось со всей сложной логистикой: зонами обслуживания, временными интервалами, подтверждением доставки и автоматическими выплатами.
Процесс
Понимание продукта
Так как это был аутсорсинговый проект MVP со сжатыми сроками, не было доступа к исследованиям с пользователями. Поэтому я работала на основе подробного брифа, документации по требованиям и регулярных встреч с BA и PM.
Я изучала Mobbin для изучения паттернов и сценариев в приложениях для логистики.
Проектирование флоу
Приложение Hauler охватывало четыре основных сценария:
Регистрация и онбординг с самостоятельным созданием аккаунта, одобрением администратора, двухфакторной аутентификацией (2FA)
Настройка зоны обслуживания (радиус по умолчанию 250 миль) и получение push-уведомлений о грузах поблизости
Бронирование грузов с часовым окном для забора; автопубликация при пропущенном заборе
Загрузка подтверждающего фото и документа после завершения, что запускает процесс выплаты
Все процессы были спроектированы в Figma и охватывали не только стандартные сценарии, но и edge кейсы: пропущенные заборы груза, логику автоперепубликации, опоздание водителя, сбои при оплате. Все случаи собраны в формате сценариев для разработчиков и QA
Пересмотр навигации
Клиент описал навигацию по меню бургеров для этого приложения. Я напрямую обратилась к нему, собрав командный звонок с клиентом и объяснила основную проблему: бургер-меню скрывает основные действия за дополнительным нажатием, а перевозчикам в пути нужен быстрый доступ к основным рабочим процессам.
Мы пришли к компромиссу: таб бар для основной навигации (заказы, претензии, выплаты) и бургер для другого — профиля, настроек, смены языка, контактов службы поддержки и правовой информации. Это решение определило всю информационную архитектуру приложения.
UI kit и консистентность
У проекта уже был готовый UI-кит, начатый до моего прихода. Я занималась его поддержкой — добавляла новые компоненты карточек, недостающие состояния и варианты взаимодействия, необходимые для флоу перевозчика (Hauler). Параллельная работа с другим дизайнером над отдельными приложениями создавала трудности с согласованностью; дизайн-ревью проводились лидом отдельно для каждого из нас. Я обратила на это внимание и настояла на проведении более частых совместных ревью.
Handoff
Отдельные синхронизационные встречи с разработчиками и QA для детального разбора функционала, поведения и пограничных случаев. Все экраны включали аннотированные состояния. Все сценарии были описаны в структурированном формате — никаких двусмысленностей.
Результаты
750+
экранов и состояний для Hauler приложения
26
покрыто сценариев
5 мес
длительность проекта
Вопрос по навигации решился — мои рекомендации по таб-бару была принята клиентом после звонка; это решение, которое повлияло на всю архитектуру приложения
Объем работ расширился — были созданы дополнительные маркетинговые материалы, готовые к печати, помимо основного дизайна
Положительные отзывы клиентов о качестве доставки и процессе на протяжении всего взаимодействия.