UX/UI мобильного приложения Jet LATAM — Райт

UX/UI мобильного приложения Jet LATAM

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

Jet LATAM — сервис шеринга самокатов и велосипедов, выходивший на рынок Латинской Америки, используя существующее мобильное приложение по франшизе, но уже с собственным видением развития продукта.

Задача

Задача

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

Самокаты, велосипеды, пауэрбанки

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

Переосмыслили продукт и заложили айдентику

Вместо разработки с нуля мы занимались трансформацией уже работающего продукта. Франшизное приложение, созданное для рынка СНГ, нужно было превратить в самостоятельный сервис для Латинской Америки. Команда Студии стремилась сохранить удачные решения, избавиться от накопившихся ограничений и заново выстроить пользовательский опыт. Всё это — с учётом локальных особенностей.

Перед тем, как приступать к переработке UX, мы обновили визуальный язык приложения. Он стал первым шагом к формированию самостоятельной идентичности бренда Jet и редизайну мобильного приложения.

Исследования

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

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

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

Локальные особенности

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

Жара и яркое солнце

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

Медленный интернет

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

Подтверждающий документ

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

Другая система дорожных знаков

Открытием стала местная система дорожных знаков. Парковка в регионе обозначается не привычной для нас буквой «Р», а «Е» в красной обводке. В большинстве приложений красным на карте обозначены запретные зоны, но для жителей Латинской Америки красный — это, наоборот, разрешающий цвет. Мы искали решение, которое работает и для местных, и для туристов, не противоречит привычкам и не вводит в заблуждение.

Местные и туристы

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

Язык и локализация

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

Жара и яркое солнце

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

Медленный интернет

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

Подтверждающий документ

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

Другая система дорожных знаков

Открытием стала местная система дорожных знаков. Парковка в регионе обозначается не привычной для нас буквой «Р», а «Е» в красной обводке. В большинстве приложений красным на карте обозначены запретные зоны, но для жителей Латинской Америки красный — это, наоборот, разрешающий цвет. Мы искали решение, которое работает и для местных, и для туристов, не противоречит привычкам и не вводит в заблуждение.

Местные и туристы

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

Язык и локализация

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

Lo-fi прототипы

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

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

Иконки и UI-kit

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

Кастомизация карты

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

Отображение уровня заряда и группы объектов

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

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

Бронирование, регистрация, оплата

Мы полностью переосмыслили ключевые пользовательские сценарии — от процесса регистрации до оплаты поездки. В Бразилии применение CPF — это порядка 6–7 шагов и часы, а иногда и дни ожидания проверки. Мы с командой Jet сократили и упростили этот путь до 3–4 шагов с мгновенной регистрацией. Для туристов предусмотрели отдельный сценарий идентификации.

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

Тарифы

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

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

Простой возврат пауэрбанка

Одними из первых на рынке мы продумали удобный сценарий возврата пауэрбанков, который защищает и бизнес, и его пользователей.

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

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

Результат

От франшизного приложения – к масштабируемому продукту

На выходе заказчик получил полный редизайн приложения для iOS и Android с акцентом на рынок Латинской Америки: онбординг через CPF, карта с кастомной темой, система тарифов и платежей через Pix, сценарии для самокатов и пауэрбанков, UI-кит с запасом на следующие продукты.

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

Рост проекта

На данный момент продукт успешно запустился в Латинской Америке. Гибкая дизайн-система от Студии Райт уже позволила адаптировать приложение под другие локализации с минимальными усилиями. Так Jet получил основу для дальнейшего масштабирования и может уверенно планировать запуски на новых территориях.

Похожие проекты
Ребрендинг маркетплейса и медиа Onliner
Ребрендинг маркетплейса и медиа Onliner

Посягнули на святое и остались живы

Брендинг для строительного гиганта СБК
Брендинг для строительного гиганта СБК

Обновили бренд завода бетонных конструкций, разработали айдентику технологии префабрикации

Поговорим о деле

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