Whoosh

Описание проекта

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

Что требовалось

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

Что сделали

01 / Учли особенности доставки в Нью-Йорке

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

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

02 / Разработали название и интерфейс

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

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

03 / Собрали два личных кабинета

Отправитель создаёт заявку, пополняет кошелёк, оплачивает доставку и наблюдает за движением курьера. В кабинете доступны статус заказа и возможность оставить чаевые. Курьер видит активные задания, историю выполненных доставок, маршрут и средства, доступные к выводу.

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

04 / Соединили платежи, документы и карты

Подключили Stripe для денежных операций и DocuSign для документооборота. Для работы с документами подготовили пользовательские шаблоны, которые сохраняются в базе Whoosh. Google Maps связали с маршрутами, расчётом расстояний и отслеживанием курьера.

Отдельно разобрались с адресами. Одинаковые названия улиц в разных округах могли приводить к ошибкам автозаполнения. Добавили сопоставление адресов с данными других источников, а после релиза подключили Google Autocomplete. В маршрутах предусмотрели контрольные точки и смену статуса доставки.

Результат

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

Проект получил отметку Behance UI и третье место Workspace Digital Awards 2024 в номинации «Лучший сайт на иностранном языке».