Банковская витрина

Поставленная задача

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

Проблематика

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

Желаемы результаты

Пообщались с бизнесом и клиентами, собрали информацию и структурировали в список

Эти показатели стали ключевыми ориентирами при разработке

Исследование анализ решений

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

Решения которые имели

Изначально было две витрины, которые поддерживались разными командами. Это приводило к удвоенным тратам и периодически к не синхронизации информации

Продукт в каждую добавлялся отдельно, что способствовало дополнительной трате ресурсов на разработку и тестирование

Варианты подходов

Перед проверкой и разработкой конечного решения сделали наброски вариантов которые хотели проверить

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

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

Наполнение в шторке

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

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

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

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

Идея заключалась в то, чтобы построить простую сетку из ячее и зполнить её продуктами и сервисами. Набор продутов будет постраиваться под тип пользователя. Персональные предложения убрать в шторку, которую можно будет опускать сверху вниз

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

Наполнение в шторке

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

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

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

Запустили сессию качественных интервью с 10 клиентами банка получили обратную связь

Основной принцип состоит в разделении на 3 части: Продукты банковские, Сервисные услуги и Персональные предложения. Внутри продуктов и Сервисов сетка из категорий в которой есть: Офферной предложение, Акцентный продукт для продвижения и остальные продукты. Сетка динамичная и подстраивается под экран в зависимости от наполнения. Очередность блоков определяется профилем пользователя. В персональном блоке формировался список из предложений сформированных на профиле и поведении пользователя

Блок рекомендуем и рекламный баннер

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

Баннер под рекламу планировали на будущее, как еще одно место сквозного оффера

Все продукты в кнопке

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

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

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

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

Запустили сессию качественных интервью с 10 клиентами банка получили обратную связь

Поиск нового стиля

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

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

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

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

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