Связаться

КейсыДизайн платёжных интерфейсов

Платёжные интерфейсы для JetPay: 5 способов оплаты в одной форме

Форма оплаты JetPay собирает на одной странице карту, Apple Pay, Google Pay и Samsung Pay, кошельки, платёжные сервисы и баланс телефона — и одинаково удобна на компьютере и в телефоне.

4 этапа
от пути покупателя до чистового дизайна
5 способов
оплаты в одной форме
Клиент
JetPay
Сегмент
Платёжная система
Страна
Казахстан
Год
2021
Решение
Проект под ключ

JetPay — казахстанская платёжная система. Она принимает оплату на сайтах интернет-магазинов и сервисов — картами и другими способами.

Страница оплаты — последний шаг покупки: если на ней что-то непонятно, покупатель уходит. JetPay нужны были платёжные интерфейсы, в которых легко выбрать удобный способ и довести оплату до конца.

Задача

Спроектировать и оформить платёжные интерфейсы JetPay: все способы оплаты, экраны и состояния — от выбора способа до квитанции.

Как шла работа

  1. Путь покупателя (CJM). Как покупатель доходит до оплаты и что ему важно на каждом шаге.
  2. Сценарии экранов и состояний (user flow) — для каждого способа оплаты.
  3. Прототипы всех экранов.
  4. Чистовой дизайн — для компьютера и телефона.
Форма оплаты JetPay на экране ноутбука: оплата картой и кнопки Apple Pay, Google Pay и Samsung Pay

Форма оплаты

Все способы оплаты собраны в одной форме, на вкладках:

  • Карта — Visa и Mastercard; рядом кнопки Apple Pay, Google Pay и Samsung Pay.
  • Qiwi — по номеру телефона, с переходом на сайт Qiwi для завершения оплаты.
  • Kassa 24 и Cyberplat — платёжные сервисы, у каждого своя вкладка.
  • Операторы — оплата с баланса телефона Kcell, Activ, Beeline, Tele2 и Altel с подтверждением кодом.

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

Экраны формы оплаты JetPay для компьютера: оплата картой, через Qiwi, с баланса телефона и квитанция об успешном платеже

Все экраны — в версиях для компьютера и телефона.

Мобильная версия формы оплаты JetPay: карта, Qiwi, оплата с баланса телефона и квитанция

Результат

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

Другие кейсы

Отправить запрос Расскажите, что нужно довести до работы в банке — менеджер свяжется с вами.
ТЗ или презентация, до 10 МБ