//

Чекаут для пожертвовании

//

Чекаут для пожертвовании

Компания

Fundraise Up

Год

2021 – 2024

Тип

B2C

Обзор

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

До редизайна

После редизайна

Проблема

В 2021 году мы столкнулись с серьезным вызовом в масштабируемости. Легаси-версия чекаута имела технические ограничения, которые замедляли внедрение новых фич и методов оплаты.

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

  • Масштабируемость интерфейса: Необходимо было интегрировать растущее число функций (Tributes, Designations, Upsell, Crypto, Stocks) в ограниченное пространство модального окна, не перегружая интерфейс и сохраняя низкую когнитивную нагрузку.

  • Mobile-first подход: Обеспечение безупречного UX на мобильных устройствах, на которые приходится более 50% всех пожертвований.

  • Безопасная миграция: Переход на новую архитектуру (Checkout 2.0) без риска падения текущих показателей конверсии.

Моя роль

В качестве старшего дизайнера продукта я руководил процессом редизайна Checkout Modal. Я был ответственен за:

  • Полный UX/UI дизайн для всех ключевых сценариев (Единоразовые донаты, Подписки, Апселл механики, Донаты криптой).

  • Создание надежной дизайн-системы для оформления заказа, которая поддерживает адаптивность и локализацию (20+ языков, 135+ валют).

  • Генерацию и проверку гипотез через строгие A/B тестирования.

Результат

Мы создали лучший в своем классе опыт донатов, который значительно превышает рыночные стандарты:

  • Коэффициент конверсии (CR): Поддерживаем коэффициент конверсии донатов на уровне ~32%, что почти в 3 раза выше среднеотраслевого значения (11%).

  • Эксперимент с изменением порядком экранов: Переработали UX-флоу, переместив выбор способа оплаты на конец процесса. Это привело к +2.5% увеличению конверсии, что обеспечило дополнительно ~$5.8M в объеме обработки. Подробнее про этот эксперимент

  • Рост Recurring Revenue:

    • Внедрили Pre-donation upsell, которое теперь генерирует 17.4% всех новых повторяющихся планов.

    • Post-donation upsell приносит до 2% дополнительного дохода и генерирует 12.6% новых повторяющихся планов.

  • Большие донаты: Интегрированы криптодонаты, что позволяет принимать донаты в среднем по ~$11,000.

Процесс работы

Работа основывалась на данных и тесном сотрудничестве:

  1. Дискавери и исследования: Проанализировали поведение пользователей и модальные ограничения. Мы обнаружили, что жесткая последовательность экрана вызывает отказы, что привело к гипотезе «Изменение порядка экранов».

  2. Прототипирование и проектирование системы: Разработали гибкую компонентную систему. Процесс оформления заказа автоматически адаптируется к бренду некоммерческой организации и местным особенностям (например, форматы адресов, валюты).

  3. Эксперименты (A/B тестирование): Постоянно тестировали гипотезы. Например, эксперимент с Floating labels улучшил читаемость форм на мобильных устройствах и обеспечил +1.3% повышение конверсии.

  4. Деливери и ревью: Тесно сотрудничали с инженерами, чтобы обеспечить идеальную реализацию и строгое соблюдение стандартов доступности (WCAG 2.1 AA).

Let’s Connect

Телефон

Телеграм

Локация

Krakow, Poland

Let’s Connect

Телефон

Телеграм

Локация

Krakow, Poland

Let’s Connect

Телефон

Телеграм

Локация

Krakow, Poland

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