Редизайн чекаута Gate Express
🔒
В кейсе использованы рабочие материалы проекта (схемы, примеры экранов, элементы дизайн-системы). Все данные обезличены, чувствительная информация изменена или скрыта.
Gate Express — один из продуктов компании PaySelection, платежной платформы, разрабатывающей checkout-решения для обработки транзакций на глобальных рынках. Чекаут — ключевая точка пользовательского пути, напрямую влияющая на конверсию, выручку и доверие к продукту.
Контекст продукта
Я работала продуктовым дизайнером в кросс-функциональной продуктовой команде.
- Команда: продакт-менеджер, аналитик, 3–5 разработчиков
- Моя роль: end-to-end редизайн чекаута
- Зона ответственности:
- UX-исследования и формирование гипотез
- проектирование пользовательского пути (CJM) и информационной архитектуры
- прототипирование и тестирование решений
- работа с продуктовыми метриками
- взаимодействие с разработкой и контроль качества внедрения
Команда и роль
Анализ продуктовых метрик и пользовательской обратной связи выявил ряд системных проблем:
- низкая конверсия в успешную оплату
- длительное время оформления платежа
- высокий процент ошибок при вводе данных
- рост обращений в поддержку
- негативное восприятие чекаута (NPS)
Проблема
Что было сделано:
- UX-интервью с пользователями, не завершившими оплату
- анализ ошибок и обращений в поддержку
- совместный разбор флоу с продуктовой командой и аналитикой
Исследование
- избыточное количество полей увеличивает когнитивную нагрузку
- пользователи не понимают, на каком этапе оплаты находятся
- ошибки отображаются поздно и не подсказывают следующий шаг
- неконсистентные паттерны между web и mobile снижают доверие
Ключевые инсайты
- упрощение структуры чекаута повысит конверсию
- прозрачные шаги и статусы снизят тревожность
- ранняя валидация и понятные ошибки сократят количество неуспешных платежей
Гипотезы
Перепроектирование пользовательского пути:
- переработан CJM чекаута
- сокращено количество шагов
- устранены дублирующие действия
- логика сценария стала линейной и предсказуемой
Решение
- адаптация чекаута под web и mobile
- соблюдение Android и iOS гайдлайнов
- унификация визуальных паттернов
Консистентность web и mobile
- прототипирование ключевых сценариев
- usability-тесты до и после изменений
- A/B-тестирование отдельных решений
- контроль качества внедрения с разработкой
Итерации и тестирование
После внедрения редизайна:
- +12% конверсии в успешную оплату
- –25% времени оформления платежа
- –18% ошибок при оплате
- +10% NPS
- +8% Retention
Результаты и метрики
- чекаут стал прозрачным и предсказуемым
- пользователи быстрее доходят до оплаты и реже совершают ошибки
- улучшилось доверие к продукту
- решения легли в основу дальнейшего масштабирования и дизайн-системы
Выводы и влияние на продукт
Чекаут был реализован как масштабируемая продуктовая система и адаптирован под продукты Pinco и Winline, что позволило нескольким командам работать в едином UX-подходе и быстрее запускать новые платёжные сценарии.
Масштабирование и дизайн-система чекаута
