Как меняются платёжные формы: от дизайна до методов оплаты

Зачем это пользователям, а зачем — бизнесу. Рассказываем на примере последнего обновления Монеты.

Как меняются платёжные формы: от дизайна до методов оплаты

Немного о Монете

Наша команда уже 18 лет разрабатывает сложные финансовые и платёжные решения для различных сегментов бизнеса в России и за рубежом: от интернет-магазинов, маркетплейсов, такси и HoReCa до отраслевых решений в ЖКХ и образовании.

Почему решили обновить форму

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

Вот несколько пунктов, на которых мы сделали акцент:

  • Мобильная версия

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

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

Мобильная версия старой платёжной формы
Мобильная версия старой платёжной формы
  • Способы оплаты

Старая версия формы поддерживает оплату банковским переводом, через платёжный терминал, салон связи и Почту России, но рынок развивается в сторону платежей «здесь и сейчас», поэтому мы тщательно проанализировали популярность платёжных методов и в обновлённой версии оставили только самые востребованные.

Десктопная версия старой платёжной формы
Десктопная версия старой платёжной формы
  • Пользовательский опыт

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

Цели и задачи обновления

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

Форму создавали небольшой командой: продакт, три разработчика, QA, DevOPS и дизайнер.

Исходя из поставленной цели, мы поставили перед собой ряд задач:

– упростить оплату популярными методами;

– изменить опыт пользователя платёжной формы (UX);

– убрать неактуальные методы оплаты;

– упростить подключение платёжной формы к сайту.

Этапы работы

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

Дмитрий Яранцев
продакт-менеджер Монеты

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

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

Новая платёжная форма. Оплата по карте

Тестирование гипотез

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

Тестировать форму решили на сайте одного из лояльных клиентов и через месяц приступили к оценке полученного результата.

Собранные метрики показали, что конверсия платежей незначительно выросла, а общение с пользователями (CustDev) подтвердило наши гипотезы о том, что форма стала удобнее и современнее. Было лишь одно но – для комфортного использования формы покупателям было недостаточно оплаты банковскими картами, они хотели проводить оплату через СБП и различные «пэи»: SberPay, Yandex Pay, Tinkoff Pay и так далее.

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

Оплата через СБП на новой платёжной форме 

Добавление альтернативных методов оплаты

Порядок добавления новых методов оплаты строился на результатах анализа рынка e-commerce и на опыте проведения платежей в нашей системе. По приоритетности мы распределили их в следующем порядке: СБП, SberPay, Yandex Pay, а потом остальные способы.

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

Как меняются платёжные формы: от дизайна до методов оплаты

Особенно заметно изменилась доля платежей через СБП у клиента, который выбрал этот способ оплаты по умолчанию. До подключения новой формы платежи через СБП составляли 26%, а после – возросли до 81%. Это отличная возможность для бизнеса сэкономить на комиссии без потери процента конверсии в покупку, а для покупателей – быстро и просто совершить платёж без необходимости вводить данные карты.

Сергей Смирнов
директор по развитию бизнеса в Монете

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

Оплата через SberPay на новой форме

На сегодняшний день форма уже поддерживает оплату картой, через СБП и SberPay, и наша команда продолжает работать над расширением функционала. В предстоящих обновлениях появится расширенная кастомизация формы, оплата через Yandex Pay, в кредит и рассрочку, через систему MONETA.RU, ЮMoney.

1616
8 комментариев

выглядит удобно) будем пробовать!

1
Ответить

Рады слышать!

1
Ответить

класс!

1
Ответить

Спасибо за обратную связь 👍

Ответить

Очень круто. Люблю сервисы, где мне удобно

1
Ответить

Спасибо 🙌

Ответить

Отличное обновление, давно его ждали )))

1
Ответить