Как мы сделали редизайн и разработали приложение для транспортной системы GorodPay

GorodPay ‒ это многофункциональная платформа, которая упрощает взаимодействие жителей с городским транспортом.

Заказчик пришел к нам с MVP-версией сервиса: нужно было бесшовно подключиться к проекту и в сжатые сроки расширить функциональность. За четыре месяца мы доработали приложение до нужного уровня: провели редизайн и внедрили новые функции и возможности. Самые важные – подключение транспортных карт и отслеживание транспорта внутри сервиса.

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

ПРОВЕЛИ АНАЛИТИКУ 

- Исследование транспортных сервисов 

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

- UX-аудит административной панели 

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

- Оптимизация пользовательских путей 

На старте проекта заказчик представил нам исследования и рекомендации внутренней UX-команды. Мы также провели собственный аудит, и в итоге создали обновленный и улучшенный дизайн главного экрана. Для отслеживания бизнес-показателей приложения добавили интеграцию с Яндекс.Метрикой. Создали события на основные действия клиента, чтобы анализировать пользовательские пути и понимать конверсию.

- Поставили дизайн на удобные рельсы

У нас не было задачи полностью изменить приложение – нужно было органично продолжить его развитие. Поэтому мы сохранили существующую стилистику, бережно добавили новые разделы и улучшили старые. 

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

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

ПОСТРОИЛИ НОВЫЕ ФУНКЦИОНАЛЬНЫЕ СТАНЦИИ

- Личный кабинет

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

- Карты

Теперь все внутри одного сервиса – можно построить маршрут, посмотреть расписание транспорта, включить навигатор.

- Оплата

Попали на момент санкционных перемен и смогли быстро адаптировать приложение. Заменили Apple Pay и Google Pay системой быстрых платежей и оплатой по QR.

- Штрих-коды и NFC

У транспортной карты есть номер, но он достаточно большой – около 20 символов. Вводить вручную неудобно, поэтому сделали возможность внести карту в приложение с помощью штрихкода. А на Android – еще и через NFC.

Push-уведомления

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

ОБНОВИЛИ ПАРК ТЕХНОЛОГИЙ

- Архитектура

Работали с новым для нас паттерном проектирования – MVI. Наши разработчики – адепты Clean, но это не помешало им быстро разобраться в непривычном подходе и молниеносно начать работу над приложением. Не было цели переделывать проект под свои каноны, подстроились под существующие.

- Разделение сборок 

На этом проекте впервые стали разделять Android-сборки на Huawei и Google. Google Play не любит сборки с чужими сервисами и грозится удалить приложения, если обнаружит неопознанные объекты. Работает двоесборье так: если приложение установлено на досанкционном телефоне, сборка будет использовать Google-сервисы. Если смартфон послесанкционный – в ход пойдет сборка с HMS. 

- Backend

Backend делают наши партнеры – команда DEX. Используем современные практики вроде Backend-Driven UI – выводим иконки c сервера, чтобы быстрее обновлять контент. Еще ребята помогли нам реализовать возможность создания регионально-зависимого контента. Например, отображение сторис, актуальных для региона пользователя.

- Интеграции и партнеры

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

ПРОВЕЛИ ТЕСТОВЫЕ ПОЕЗДКИ 

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

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

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