Открыт к предожениям

Facebook
Shape 01
Facebook
Shape 01
instagram
Shape 01

Открыт к предожениям

Facebook
Shape 01
Facebook
Shape 01
instagram
Shape 01

Увеличение конверсии в оплату

Web Spark

Category:

Product Design

Client:

Invest Future

Введение

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

Цель: Увеличить конверсию с шага «Выбор способа оплаты» до шага «Переход на оплату».

Моя роль: В этом кейсе я выполнял все описанные этапы: от анализа метрик, поиска проблемы, скоринга гипотез до проведения исследований и создания макетов.


  • Исходные данные: Начальная конверсия на этапе «Способ оплаты» составляла 3.75%, но лишь 0.74% пользователей переходили к оплате, что создавало «бутылочное горлышко» в процессе оформления подписки. Среднее время прохождения сценария составляло около 3 минут.

  • Результат: В результате проведенных улучшений конверсия на этапе «Переход на оплату» была повышена до 1.14%, что эквивалентно приросту на 54.41% (от исходного значения). Также среднее время прохождения сценария сократилось до 1.5-2 минут, что свидетельствует о более плавном и интуитивном процессе для пользователей

Ниже я расскажу как получилось добиться такого результата. Приятного прочтения


Спойлер: Влияние на метрики

Проблема

На этапе выбора способа оплаты обнаружилось «бутылочное горлышко» — значительное снижение конверсии с шага выбора оплаты до фактической оплаты. За месяц в Яндекс Метрике мы увидели, что провал конверсии на этом шаге составляет 80.27% (если выражаем разницу как процент от конверсии на этапе).

Исследование и анализ

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

Ревью, CJM, HeatMap

Выводы ревью экрана:

  • На мобильной версии приходится скроллить до этапа реги/покупки.

  • Кнопки для авторизации через OpenAuth-сервисы (Google и VK) расположены ниже основной кнопки продолжения и могут остаться незамеченными, что снижает удобство выбора авторизации. Кнопка VK задисейблена, что вызывает дополнительные вопросы

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

  • Опция «Карты российских банков» выглядит слишком обобщенно без иконок карт (Visa, MasterCard, МИР), что может снизить доверие и привлекательность выбора способа оплаты

  • Способ оплаты всего один

CJM (старый сценарий)

Первым шагом был составлен CJM проблемного сценария для мобильной и десктопной версий.

IF CaseStudy Flow покупки

Комментарии прикреплены к каждому экрану стикером

HeatMap

▼ Mobile Version

Комментарии прикреплены к каждому экрану стикером

Create a free website with Framer, the website builder loved by startups, designers and agencies.