Программа лояльности OneTwoTrip

Что сделала

Гипотеза продукта

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

Что стало лучше

Какая была проблема

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

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

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

Решение

Раздел «Кэшбэк». Продукт выделил место для программы лояльности в таб-баре приложения. Это стало основной точкой входа в «Кэшбэк». Тут собраны все знания о преимуществах программы: бонусный счет, как потратить бонусы и какая в этом выгода, реферальные программы и партнерские бренды, у которых можно покупать выгодно.

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

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

На экране Бонусного счета, в паре с иллюстратором, добавила сторис, которые работают как FAQ по бонусам и их использованию

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

В дизайн системе появились новые компоненты. Добавился слайдер для переключения экранов, обновился логотип виртуальной и пластиковой карты, появился новый компонент — группа крупных кнопок с иконкой. Еще отрисовала набор из 33 иконок для обозначения MCC в операциях.

Иконки MCC для отображения в истории операций

Состояния кнопок в группе с зависимости от количества

Вмесе с обновлением UI интерфейса, иконки стали изометричными

Слайдер показывает активный и неактивный экраны

WEB

Задача для Web была менее глобальная. Так как 75% пользователей используют карты и бонусы в приложении, на этом этапе задачей на вебе было — обновить UI. В вебе так же появилось быстрое переключение между карточными счетами и обновленное изображение карт.