Пиробайт [Pyrobyte]
От двери к двери, изо дня в день. Зарубежный сервис доставки экспресс-доставки Whoosh
Пиробайт [Pyrobyte]
WDA
2023
#Проектирование сайта#Дизайн сайта#Программирование сайта

От двери к двери, изо дня в день. Зарубежный сервис доставки экспресс-доставки Whoosh

5966 
Пиробайт [Pyrobyte]
Пиробайт [Pyrobyte] Россия, Барнаул
Поделиться:
От двери к двери, изо дня в день. Зарубежный сервис доставки экспресс-доставки Whoosh
Клиент

Whoosh

Бюджет

2 500 000

Сфера

Транспортные услуги

Регион

США, New York

Сдано

Декабрь 2022

Задача

С 2020 года взор русских предпринимателей обратился на запад. Именно тогда западный рынок стал массово заполняться онлайн-сервисами быстрой доставки по городу.

Тенденция зародилась по нескольким причинам:

— Конкуренция на рынке доставки в США ниже, чем в России;

— Коронавирус. Из-за массового карантина мелкие компании на западном рынке либо закрылись, либо сократили свой штат;

— Упрощенная система регистрации бизнеса. Сделать это можно онлайн и без лишней бумажной волокиты. А в некоторых странах не нужен даже стартовый капитал.

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

Решение

Whoosh мы создавали для иностранной аудитории. При разработке мы учли особенности метрических систем, формата времени и налогообложения в Америке. Многое из этого быстро и без ошибок отработали благодаря отзывчивости заказчика. Так и родился Whoosh.

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

1Предпроектная аналитика, или Тайны иностранного менталитета

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

Почему это важно? Если при разработке опираться только на свой опыт, риск не попасть в ожидание клиента увеличивается. И тогда не факт, что продукт окажется полезным рынку.

Изучив менталитет американцев, мы выявили следующие особенности:

1) Способ получения посылки. 

Если у нас в России посылку нужно получать лично под роспись, то в США ее можно просто оставить на пороге дома. Поэтому для подтверждения доставки мы сделали опцию, которая позволяет отправить клиенту фотоотчет о доставке.

2) Способ доставки. 

На западе распространена доставка на мопедах и скутерах. Этот транспорт часто используется американцами в повседневной жизни из-за его доступности. И если для наших реалий нормой можно считать 2-3 доставки в час, то для США — 4-5 доставок. Мы учли эту деталь и добавили курьерам возможность указывать скутер как способ перемещения по городу наравне с велосипедом. Для этого предусмотрели форму, в которую нужно внести информацию о водительском удостоверении.

3) Оплата работы курьера. 

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

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

2Пару слов об идентичности названия с самокатами Whoosh

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

[Вууш] похож на звук взлетающего самолета. Сначала у нас был вариант «Wooooooosh», но после сократили до «Whoosh». Такой вариант нам подсказал семилетний сын заказчика :) Он фанат мультика Room on the Broom, в котором главная героиня летает на метле. Когда мальчик катается на самокате, то подражает персонажу, имитируя звук полета метлы из мультика: «Вууушшш!».  

Сейчас в России популярен сервис по аренде электросамокатов с таким же названием. Но когда мы приступали к разработке, нейминг Whoosh еще не был распространен. Можно сказать, что американский сервис назвался «Вушем» еще до того, как это стало мейнстримом.

3Разработали дизайн и опробовали новую технологию анимаций

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

В дизайне сделали акцент на синем и желтом цветах, добавили «плоскую»‎ графику. Так сфокусировали внимание пользователя на интерфейсе и функционале сайта.

Не забыли и про тех, кто будет пользоваться сервисом с мобильных устройств. Весь дизайн адаптировали под экраны смартфонов.

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

Анимации помогают улучшить восприятие информации.

4Интегрировали нужные для работы сервисы и создали личные кабинеты для двух типов пользователей

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

Что мы для этого сделали:

— Подключили платежную систему Stripe. 

Это международная платежная система для безопасных онлайн-платежей как для бизнеса, так и для покупателей. За защиту информации и предотвращение утечки отвечает сертификат PCI Service Provider Level 1. Благодаря ему все данные о платежах шифруются. При этом функции TLS (SSL) и шифрование включены в базовый пакет и встроены непосредственно в каждую учетную запись.

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

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

— Интегрировали DocuSign.

Это сервис для работы с документами. Через него можно загружать их, отправлять на подписание, просматривать, подписывать и отслеживать статус. 

У DocuSign есть один нюанс: шаблоны не хранятся в базе данных сервиса. Для каждого отдельного аккаунта необходимо создавать отдельный шаблон, которому будет присвоен уникальный ID. Использовать чужие документы из-за этого становится проблематично. Чтобы упростить это, сгенерировали шаблоны для пользователей, которые хранятся в базе данных Whoosh.

— Разработали удобный калькулятор для подсчета стоимости доставки.

На сумму влияет множество факторов: от габаритов посылки до транспортного средства курьера. Мы собрали все параметры и проработали формулу подсчета конечной стоимости. Дополнительные коэффициенты учитывают время курьера в дороге с учетом всех обстоятельств:

— времени суток;

— ситуации на дороге;

 — длины маршрута;

 — способа перемещения;

 — веса посылки.

Благодаря этому курьер видит, сколько он получит за выполнение заказа, а клиент — конечную стоимость доставки.  Если бы не учли мельчайшие детали, стоимость могла бы меняться в процессе. Это неудобно ни для того, кто отправляет посылку, ни для курьера. Могли бы возникнуть спорные ситуации, которые трудно решить в онлайне.

— Создали личные кабинеты для курьера и отправителя. 

У каждого личного кабинета свой функционал, который закрывает все потребности пользователей.

Отправитель посылок может оставлять заявку, отслеживать перемещение курьера и контролировать статус доставки. Там же он может пополнить кошелек, оплатить заказ и оставить курьеру чаевые.

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

— Реализовали фотоотчет о доставке заказов. 

Курьер подтверждает, что посылка на месте, если доставляет ее до двери. Отправитель получает фотоподтверждение доставки, когда она приходит по адресу.

— Интегрировали сервис с Google Maps.

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

— Отслеживание местонахождения курьера в процессе перемещения;

— Использование контрольных точек курьерами, с помощью которых можно отметить статус доставки;

— Прокладывание оптимального маршрута между контрольными точками;

— Многоуровневые карточки заказов.

— Настроили автозаполнение адресов.

Для этого к сервису подключили Geoapify. Но с ним пришлось попотеть из-за особенности системы записи адресов. Крупные города разделены на боро (административные округа), в которых возможно повторение названий улиц, переулков и другого. В Geoapify боро указаны не во всех случаях, из-за чего возникает путаница.

Чтобы решить эту проблему, в код Whoosh добавили функцию сопоставления адресов с их записью в других источниках. При совпадении отдельных элементов (название улицы, город, район и остальных), система сопоставляет адрес с округом, в котором он находится.

Позднее, уже после релиза продукта, доработали функцию и подключили Google Autocomplete. Дополнительно настраивать его было не нужно, и фича стала работать без ошибок.

Результат

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

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

— В Нью-Йорке проживает 8,2 млн человек. Если представить, что 10 % горожан будут отправлять посылки через Whoosh, сервисом будут пользоваться 820 000 человек. При таком прогнозе есть смысл продвигать и монетизировать проект.

— Клиентам удобно пользоваться сервисом благодаря минимализму в дизайне и акцентным цветам. При этом на сайте есть цепляющие взгляд визуальные элементы (иконки, рисунки города и Статуи Свободы) и анимации. Они и украшают дизайн, и задают направляющие для взгляда.

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

— Отправители и курьеры сразу видят точную стоимость доставки. Благодаря калькулятору, в котором учтены все параметры, в расчетах не возникает неожиданных изменений суммы заказа.

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

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

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

— Заказчик планирует развивать продукт: привлечь инвестиции и запустить мобильное приложение, расширить рынок в США: охватить Чикаго, Вашингтон, Филадельфию, Бостон, Бруклин, Нью-Джерси);

— Кейс о на VC.ru о разработке Whoosh набрал более 21к просмотров.

Комментарий агентства

Александр Комбаров
Александр Комбаров

Генеральный директор (CEO)

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

https://whooshhub.com

Стек технологий

  • JavaScript JavaScript Язык программирования
  • PHP PHP Язык программирования
  • Laravel Laravel Фреймворк/библиотека
  • Nest Nest Фреймворк/библиотека
  • ClickHouse ClickHouse База данных
  • MySql MySql База данных
  • Redis Redis База данных
  • Figma Figma Графический редактор

Награды


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Пиробайт [Pyrobyte] с удовольствием обсудит вашу задачу

Оставить заявку