Программа привилегий restore:club
UX/UI дизайн личного кабинета пользователя / Релиз в июне 2024
На главную
Задача /
Ключевая задача редизайна — увеличить показатель повторных покупок.
Гипотеза /
Если показать пользователю виджеты с текущим состоянием бонусов и прогрессом уровней, это повысит его вовлечённость в программу привилегий.
Этапы работы
  1. Исследование: конкурентный анализ и CustDev с пользователями текущей программы
  2. Формулирование гипотез
  3. Разработка первого прототипа
  4. Коридорное тестирование
  5. Разработка второго прототипа
  6. Коридорное тестирование
  7. Юзабилити-тестирование с пользователями текущей программы
  8. Отрисовка Hi-Fi макетов
  9. Handoff сессия
  10. QA дорелизной версии
  11. Доработка
  12. Релиз
  13. Наблюдение за метриками
  14. 2 спринта доработки средне-приорететных фич
Вызов /
Сложная цепочка коммуникаций между вовлечёнными в процесс отделами: не все участники были одинаково осведомлены, из-за чего некоторые вещи приходилось переделывать.
Решение /
Организовал еженедельный синк-ап со всеми ключевыми участниками проекта.
Вызов /
Сжатые сроки и бюджет.
Решение /
Предложил и провёл коридорные тесты для первичного тестирования идей.
Результаты и выводы /
Ключевые метрики, год к году:
Повторные покупки +6%
Клиентская база +18%
Частота покупок +2%
  1. Подтвердилась гипотеза о важности визуализации выгоды и статуса.
  2. Сделал вывод, что UX личного кабинета был недооценён, хотя он способен значительно влиять на retention.
  3. Предложил протестировать персональные предложения в личном кабинете.
Детали ключевых этапов
Исследования /
  1. Провёл подробный конкурентный анализ. Изучил решения конкурентов и аналогов из других сфер.
  2. Провёл 15 интервью с пользователями текущей программы привилегий в формате CustDev. Скрипты разрабатывал совместно с аналитиком.
Прототипирование /
Проработал user-flow будущих страниц. (Фрагмент флоу restore:club)
Первая итерация
На самом старте проекта, стейк-холдер хотел обойтись минимальными изменениями дизайна. Я подготовил прототип на основе текущего дизайна, затем провёл несколько коридорных тестирований и презентацию результатов.
Тестирование показало, что такое решение не решает поставленных задач.
Вторая итерация
Мы провели ряд встреч, где обсудили user-flow, необходимые фичи и ограничения проекта. На одном из созвонов набросали драфт структуры кабинета.
На основе артефактов из предыдущих этапов я собрал новый UI личного кабинета.
Теперь в личном кабинете отражена вся ключевая информация: условия текущего и будущих уровней, данные о всех типах бонусов и отражены бренды участники программы.
Можно посмотреть историю начислений, а так же, предусмотрен информер для тех, кто не заполнил профиль.
Пользователь видит сумму покупок, которая необходима для перехода на следующий уровень.
Старый дизайн
Новый дизайн
QA
Перед релизом мы провели ревью дизайна на тестовом сервере. Я собрал файл для разработчиков в фигме, со скриншотами, макетами и описанием недочётов с разбивкой на два уровня приоритетности. Ниже фрагмент ревью.
Спринты после релиза
После релиза на прод, мы с запустили подробную промо-страницу о программе привилегий. На ней есть интерактивная таблица с описанием условий, FAQ и возможность вступить в программу. В личном кабинете добавили ссылку на страницу.
Результаты и выводы /
Ключевые метрики, год к году:
Повторные покупки +6%
Клиентская база +18%
Частота покупок +2%
  1. Подтвердилась гипотеза о важности визуализации выгоды и статуса.
  2. Сделал вывод, что UX личного кабинета был недооценён, хотя он способен значительно влиять на retention.
  3. Предложил протестировать персональные предложения в личном кабинете.
Буду рад пообщаться /
На главную
Made on
Tilda