(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(49180180, "init", { defer: true, clickmap:true, trackLinks:true, accurateTrackBounce:true }); ym(49180180, 'hit', window.location.href);

Придумали Whoosh до того, как это стало мейнстримом: история создания сервиса быстрой доставки для жителей Нью-Йорка

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

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

  • Конкуренция на рынке доставки в США ниже, чем в России;
  • Коронавирус. Из-за массового карантина мелкие компании на западном рынке либо закрылись, либо сократили свой штат;
  • Упрощенная система регистрации бизнеса. Сделать это можно онлайн и без лишней бумажной волокиты. А в некоторых странах не нужен даже стартовый капитал;

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

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

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

Когда к нам пришел клиент, у него не было ни названия, ни логотипа. Мы предложили свой вариант нейминга — Whoosh. На тот момент самокаты с таким же названием не были распространены, и мы были первыми, кто придумал подобное решение в логистическом бизнесе.

Тайны иностранного менталитета

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

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

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

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

Они учитывают время курьера в дороге с учетом всех обстоятельств:

  • Времени суток;
  • Ситуации на дороге;
  • Длины маршрута;
  • Способа перемещения;
  • Веса посылки.

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

Дизайн

Разработка дизайна для иностранного сервиса — это всегда испытание. Но интересное. Интерфейс должен быть прост в освоении, не перегруженным объемной графикой.

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

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

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

Артем Сафаров, дизайнер веб-студии Pyrobyte

Пару слов об интеграции с другими сервисами

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

Stripe

Это международная платежная система, обеспечивающая безопасный сервис по работе с онлайн-платежами как для бизнеса, так и для покупателей.

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

Для предпринимателей Stripe предлагает:

  • Удобное формирование отчетности (доходы, сборы, возвраты и прочее);
  • Возможность принимать платежи в разных валютах;
  • Функциональные инструменты, позволяющие настроить оплату и надежный платежный шлюз;
  • Возможность пользоваться полученными средствами через полчаса после проведения транзакции — за это отвечает опция мгновенных выплат;
  • Функцию выставления счетов и разрешения споров.

Также стоит отметить расширенные возможности для разработчиков.

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

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

DocuSign

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

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

Александр Саморуков, backend-разработчик веб-студии Pyrobyte

Основные проблемы DocuSign:

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

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

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

Геолокация в режиме сайта

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

Автозаполнение адресов

Чтобы пользоваться сервисом было удобно, мы настроили автозаполнение адресов. Для этого настроили интеграцию с сервисом Geoapify.

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

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

Интеграция с Google Maps

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

В процессе интеграции мы настроили следующие возможности:

  • Отслеживание местонахождения курьера в процессе перемещения;
  • Использование контрольных точек курьерами, с помощью которых можно отметить статус доставки;
  • Прокладывание оптимального маршрута между контрольными точками;
  • Многоуровневые карточки заказов.

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

Сергей Дудченко, frontend-разработчик

Что в итоге?

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

Оставить заявку на разработку сервисов для иностранной аудитории можно на сайте Пиробайт.

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

Если у вас есть задача разработать сайт или мобильное приложение, то напишите в Телеграм, мы это обсудим: https://t.me/sashadzen

Заказать разработку сайта, веб-сервиса или мобильного приложения на нашем сайте: https://vk.cc/cuglQZ

Партнерская программа, где мы платим от 10 000 до 200 000 рублей за контакты тех, кому нужен дизайн или разработка: https://vk.cc/cuglXT

Телеграм-канал Саши Комбарова про управление агентством, проектами, людьми: https://t.me/sasha_kombarov

Телеграм-бот, который бесплатно выдает чек-листы, памятки и регламенты по управлению, маркетингу, аналитике, дизайну и разработке: https://t.me/regulations_pyro_bot

0
42 комментария
Написать комментарий...
невыносимый

Ну нет, вы же не правы. Whoosh появился в 2018 году, и в 2020 стали как участник сколково. Получается все же они первые? То, что вы о них узнали только в этом/прошлом году не говорит о том, что вы первые заняли нейминг. Пруфы https://navigator.sk.ru/orn/1123096

Ответить
Развернуть ветку
Пиробайт
Автор

Спасибо, немного скорректировали.

Наш Whoosh придуман до того, как эти самокаты стали столь распространены. Название сервиса Вуш для самокатов было выбрано семилетним сыном основателя, который является фанатом мультика Room on the Broom про ведьму, которая летает на метле. Катаясь на самокате, он, подражая героине, говорил: «Вушшш!»

В нашем случае идеей для название послужил звук, издаваемый самолетом при взлете. Изначально был вариант Wooooooosh, но потом сократили до Woosh.

Ответить
Развернуть ветку
невыносимый

"Спасибо, немного скорректировали", но дизлайк поставили на комментарий :)

Ответить
Развернуть ветку
Брусничный пирожок

Когда мимо проносится Вушшшш я молюсь всем богам дрожжей и сахара, чтобы выжить!

Ответить
Развернуть ветку
Пиробайт
Автор

:D

Ответить
Развернуть ветку
Брусничный пирожок

Вам смешно, а мне страшно!)

Ответить
Развернуть ветку
mad mads

Ничоси, вы не только вуш придумали, но и новый способ оплаты?

Ответить
Развернуть ветку
Пиробайт
Автор

Именно :) Еще не пользовались таким?

Ответить
Развернуть ветку
Евгений Файзрахманов

Воу, до опечатки докопался.. и так духота, ну ты чего

Ответить
Развернуть ветку
Саша Комбаров из Pyrobyte.ru

Вжух и ты Whoosh :)

Крутой кейс!

Ответить
Развернуть ветку
Пиробайт
Автор

Благодарим :)

Ответить
Развернуть ветку
Котей

Класс) Очень понравился у проекта дизайн)

Ответить
Развернуть ветку
Артём А.

Не, хрень какая-то)

Ответить
Развернуть ветку
Пиробайт
Автор

Вы смогли бы лучше?)

Ответить
Развернуть ветку
Артём А.

Цитируете классику, похвально)

Ответить
Развернуть ветку
meowna Lisa

сколько желчи)

Ответить
Развернуть ветку
Пиробайт
Автор

Значит, у вас хороший вкус! :)

Ответить
Развернуть ветку
Илья Затокин

Чем-то напоминает стиль Лебедева)

Ответить
Развернуть ветку
Пиробайт
Автор

Чем же?)

Ответить
Развернуть ветку
Татьяна Яковлева

Отличный дизайн, передает все смыслы, смотрится позитивно и модно! 👌

Ответить
Развернуть ветку
Пиробайт
Автор

Благодарим, Татьяна :)

Ответить
Развернуть ветку
Осьминожка

Отличный кейс! Понравилась часть про интеграцию, а ещё круто, что описали особенности менталитета :) Мы тоже писали о проекте на американский рынок, правда, это был интернет-магазин, но с доставками и оплатами прям заморочились) Круто, что отечественные компании делают классные проекты на зарубежных рынках!

Ответить
Развернуть ветку
Иван

Спасибо!

Ответить
Развернуть ветку
Пиробайт
Автор

Да, у них много вещей, кардинально отличающихся от наших. Благодарим :)

Ответить
Развернуть ветку
Виктор Симонов

Нейминг супер для англоязычных стран.

Ответить
Развернуть ветку
Пиробайт
Автор

Спасибо! Рады, что оценили.

Ответить
Развернуть ветку
meowna Lisa

анимации топчик!

Ответить
Развернуть ветку
Пиробайт
Автор

Спасибо!

Ответить
Развернуть ветку
Иван

Круто когда у нас разрабатываются и реализуются проекты для зарубежной аудитории, а не наоборот... А то тут иногда комментаторы говорят, что в России IT не торт))

Ответить
Развернуть ветку
Лена Куртасова

Название для доставки еды тоже вполне подходит. Концепт и реализация супер, молодцы :)

Ответить
Развернуть ветку
Пиробайт
Автор

Рады, что оценили :) Благодарим.

Ответить
Развернуть ветку
Атвинта digital agency

у нас последняя статья про то же самое: Америка, быстрые доставки и сложности менталитета :) даже сначала проверили, не померещилось ли нам ) круто справились с задачей !) как проект сейчас живет?

Ответить
Развернуть ветку
Пиробайт
Автор

Годная статья ;)

Благодарим, проект сейчас на MVP стадии. Регулярно дорабатывается.

Ответить
Развернуть ветку
Евгений Файзрахманов

Хорошо, что у нас на самокатах и велосипедах доставка) А то очень много становится курьеров и хоть нет гула под окнами)

Ответить
Развернуть ветку
Пиробайт
Автор

Зато есть гул от велосипедных звонков :)

Ответить
Развернуть ветку
КОТарсис

В продвижение придется вложиться. Чтобы в поисковиках выйти на первые места среди других "вушей")

Ответить
Развернуть ветку
Пиробайт
Автор

Без вложений сейчас никуда.

Ответить
Развернуть ветку
Иван

Проект для зарубежной аудитории, там своя специфика в продвижении.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Ruslan Fatikhov

Плохой дизайн.

Ответить
Развернуть ветку
Антон Лисицкий

у Озона топовый, ага)

Ответить
Развернуть ветку
Ruslan Fatikhov

Да

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

Посмеялся :)

Ответить
Развернуть ветку
39 комментариев
Раскрывать всегда