Мобильные приложения бонусной системы Много.ру

Главное о кейсе

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

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

Цель: сформировать и укрепить лояльность клиентов к партнёрам Много.ру.

Смотрите красиво на Behance https://www.behance.net/gallery/171298453/mobilnye-prilozhenija-bonusnoj-sistemy-mnogoru

Как проект изменил жизнь пользователей

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

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

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

Бизнес-задача и ее решение

Главной задачей стала разработка мобильного приложения с нуля при минимальном обращении к сложному legacy-коду платформы.

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

Главный экран

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

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

Динамические карточки

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

Карта лояльности

Виртуальная карточка оформлена, как физическая. Она интерактивная, трёхмерная, бликует и имеет важное преимущество перед овеществлённым аналогом: позволяет скопировать номер бонусного счёта.

Быстрая навигация

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

Акции

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

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

На странице акции есть подробности о ней и её организаторе. Здесь же можно активировать бонусы, перейдя в магазин. Есть подсказка о получении бонусов.

Партнёры

Общий каталог партнёров велик, путешествовать по нему помогают фильтры и быстрый поиск.

Детальная карточка партнера

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

Профиль пользователя

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

Бонусный счёт

Это особый раздел приложения, кошелёк для баллов с мотивационной и информационной функциями.

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

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

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

Крафт (мастерство), реализация, технические детали

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

Плюсы:

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Решить проблему помогло внедрение middleware для проксирования запросов от бэка с превращением в более удобный формат для приложения.

Результат: ускорение разработки благодаря исключению из списка работ адаптации API под потребности приложения.

Скриншоты

Видео

Комментарий заказчика

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