Запуск экспресс-доставки в Лос-Анджелесе, Нью-Йорке и Сиэтле: интерфейс для стартапа из США

К нам обратился GoFlyy — молодой стартап из Америки. Команда развивает сервис быстрой доставки день в день из интернет-магазинов. Сегодня проект успешно работает в Лос-Анджелесе, Нью-Йорке и Сиэтле.

На момент обращения в Атвинту GoFlyy находился в процессе разработки — команда выстраивала техническую базу и искала инвесторов. Уже была готова API для будущих интеграций, однако сам сервис с личным кабинетом еще только предстояло создать.

Заказчик участвовал в акселерации, поэтому нужно было как можно скорее собрать MVP для презентации проекта инвесторам.

Разработка была на стороне клиента, а мы отвечали за создание интерфейса — предстояло продумать логику работы сервиса с тремя пользовательскими ролями и создать макеты личных кабинетов и лендингов. И все это в сжатые сроки, на английском языке и с бешеной разницей часовых в Америке и РФ :)

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

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

В результате создали весь необходимый визуал для запуска стартапа: макеты 3 личных кабинетов и 3 лендинга под разные ЦА. С нашими интерфейсами заказчик удачно запустился в Лос-Анджелесе и Нью-Йорке. Стартап выстрелил, и бизнес начал расширять географию — теперь GoFlyy можно заказать и в Сиэтле.

Было важно продумать все взаимосвязи и задачи пользователей внутри системы. Однако мы помнили о коротких сроках, поэтому при исследовании и проектировании пользовательских путей держались в рамках MVP и не охватывали все-все боли клиентов.

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

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

Самым важным на этапе проектирования было раскрыть идею заказчика и до самых мелочей разобраться в логике работы каждого ЛК.

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

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

Одна из ключевых ролей сервиса — покупатели. Это клиенты интернет-магазинов, которые выбрали доставку товаров через GoFlyy.

На главной странице ЛК разместили список всех доставок покупателя, а внутри каждой строки: название интернет-магазина, состав заказа, время и статус доставки. Также добавили фильтры для поиска нужных заказов в истории.

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

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

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

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

ЛК продавца представляет собой дашборд, где менеджер интернет-магазина может просмотреть информацию о своих отправлениях. После регистрации мы предлагаем пользователю заполнить профиль и сгенерировать API для интеграции с базой данных GoFlyy.

На главной странице ЛК располагается таблица доставками. Доступны три вкладки: общий список, возвраты и формат примерки.

На странице заказа отобразили всю необходимую информацию о доставке: статус, состав, действия клиента по каждой позиции (оставить или вернуть), адрес покупателя и проч.

В проекте добавили элемент кастомизации и проработали темную тему для тех, кому удобнее работать в таком цветовом режиме.

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

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

Для сбора первого трафика и проверки востребованности стартапа сделали 3 лендинга, где отобразили преимущества сервиса для разных аудиторий: селлеров, покупателей и курьеров.

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

Это был невероятно интересный и полезный опыт для нашей команды.

Начнем с самого формата доставки — в США курьеры привозят коробку и просто оставляют ее возле входа у дома. Для нас это было шоком, потому что в России заказ никогда не остается «без присмотра». Несмотря на риски, у такого формата есть преимущество — не нужно стыковать время с курьером.

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

Еще один нюанс мы выяснили во время разработки лендингов: сервисы в США практически не пытаются удивлять визуалом и привлекать внимание к бренду через дизайн.

На стороне GoFlyy был один русскоязычный менеджер, а вся остальная часть команды, в том числе ЛПР — англоговорящие специалисты. Поэтому митинги проводились на английском, и даже комментарии в Фигме тоже были оставляли на английском.

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

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

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

По статистике, 9 из 10 стартапов проваливаются, и мы рады, что с нашей помощью GoFlyy стал примером удачного запуска. Бизнес развивается — сегодня доставку день в день можно заказать в Нью-Йорке, Сиэтле и Лос-Анджелесе.

Несмотря на «трудности перевода» мы сделали удобный и стильный интерфейс для GoFlyy, который команда заказчика реализовала в полном объеме.