Контекст и проблема

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

Что было не так

  • Пользователи вручную вбивали 16 цифр номера, дату и CVV-код.

  • Высокий процент ошибок при вводе — приходилось возвращаться и исправлять.

  • На мобильных устройствах пользователи ожидают бесшовной оплаты в 1-2 касания, а не заполнения форм.

  • Стандартная проверка карты через полноценную транзакцию несла дополнительные издержки для бизнеса.

Цель

  • Упростить и ускорить сценарий привязки карты, повысить конверсию в оплату и снизить
    операционные расходы на эквайринг

  • Внедрить сканирование карты через камеру на обеих платформах (iOS/Android).

  • Реализовать добавление карты через NFC для Android.

  • Спроектировать интерфейс для нетривиальной схемы верификации карты через микро-списание (от 10 до 20 ₽)
    и ввод точной суммы.

  • Учесть разницу в пользовательских ожиданиях и технических возможностях iOS и Android.

Выбор способа ввода

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

Камера (iOS и Android)

При нажатии на иконку сканера открывается кастомный интерфейс камеры с четкой маской для карты. Система автоматически считывает номер и срок действия, после чего возвращает пользователя к форме — остается ввести только CVV.

NFC (Android)

Для пользователей Android доступен сценарий «приложите карту к задней крышке».
Это самое быстрое добавление, доступное только на этой платформе.

Верификация карты через микро-списание

Мы использовали схему, которая позволяет подтвердить карту без затрат на полноценную банковскую транзакцию:
система временно списывает случайную сумму (до 20 ₽), пользователь смотрит её в банке
и вводит в приложении. Деньги сразу возвращаются.

Как сделали понятным

  • На экране «Привязать карту» добавили онбординг в стиле чата

  • На экране ввода суммы добавили контекст («Покупка на XX,XX руб...»), чтобы пользователь
    не путал тестовое списание с кодом из SMS.

  • При ошибке сценарий повторяется без потери контекста.

Результаты и метрики

Скорость

Время привязки карты сократилось с ~45 секунд (ручной ввод) до ~10 секунд при сканировании
и до 3-5 секунд при использовании NFC.

Конверсия

Конверсия в успешную привязку карты на этапе оформления заказа выросла на 13.2%
(точные цифры под NDA, но рост значительный).

Ошибки

Количество ошибок при вводе реквизитов в сценариях со сканированием снизилось практически до нуля.

Издержки

Схема микро-списания позволила отказаться от полноценных транзакций при верификации, что снизило
операционные расходы на комиссии банкам-эквайерам.

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