PayFasty
Провайдер для онлайн платежей на рынке Азии. Продукт включает в себя внутреннюю систему для управления транзакциями и кошельками. Платежный провайдер, который встраивается на сайты клиентов и принимает оплату
Роль
Product Designer
Период
Июнь 2024 – Март 2025
В рамках работы выполнял следующие задачи
— Разрабатывал юзерфлоу и вайфреймы интерфейсов
— Прототипировал и создавал анимации
— Проводил исследования и юзабили-тесты прототипов
— Вел коммуникацию с разработчиками и проводил дизайн-ревью
— Актуализировал макеты под изменения в дизайн системе
— Дорабатывал дизайн-систему
— Актуализировал брендовые материалы и создавал 3D графику
#1. Рост конверсии платежей на 8.7% в провайдере
Контекст
Провайдер встраивается в виде окна iframe на странице клиента. Он необходим для пополнения счета на сайте клиента. Основной аудиторией таких сайтов являются жители Индии, Бангладеша и Африки
Отдел аналитики провел UX тесты на 100 пользователь. Собрал фидбек с пользователей, сгруппировал информацию. Вместе с аналитиком мы выделили ключевые проблемы на текущем флоу
Проблемы
— 24% пользователей совершают случайные нажатия
— 44% новых пользователи не понимают от куда брать информацию о данных транзакции и уникальных номерах из их местных банков для совершения операции
— 15% пользователи испытывают сложности с чтением информации
Задачи
— Увеличить конверсию успешно выполненных транзакций
— Сократить время на заполнение данных
Бенчмарки
Провел бенчамарки, выявил основные паттерны для основных экранов провайдера
Job Stories
Сформировал гипотезы по джобам
Экран загрузки
— Когда страница грузится, я хочу видеть какой-то отклик от системы, чтобы понимать что процесс движется
Экран ввода количества средств к пополению и данных транзакции
— Когда я нахожусь на этой странице, я хочу иметь возможность сменить язык, чтобы быть уверенным, что я прочитаю информацию корректно
— Когда я хочу полнить счет, я хочу вводить данные на одной странице, чтобы не забыть что было на прошлой
— Когда я хочу полнить счет, я хочу вводить данные на одной странице, чтобы не забыть что было на прошлой
Экран qr
— Когда у меня не получается отсканировать QR, я хочу иметь возможность скачать его, чтобы завершить оплату
Экран с подсказкой
— Когда я не знаю от куда брать данные для оплаты, я хочу иметь возможность воспользоваться подсказками, чтобы успешно завершить оплату
Орисовка макетов
Спроектировал флоу пополнения кошелька с обновленной дизайн системой. Упростил когнитивную нагрузку на пользователя. Отрисовал недостающие состояния. Добавил новую фичу в виде подсказок со скриншотами
Тестирование
Отрисовал прототипы с основными сценариями. Далее вместе с продактом составили сценарий: пополнить счет с помощью провайдера. Проверили UX-тесты на 35 респондентах
Результаты теста
— 32/35 прошли успешно
— Вопрос: найдите информацию о том, "Где можно найти UTR?" | 30/35 нашли
— Задание: пролистайте слайдер | 28/35 успешно листали слайдер, возникли трудности с нажатием кнопок
— Задание: вы заметили баг, найдите способ поделится им | 31/35 прошли успешно, 1 не смог понять, что в иконке вопроса есть модалка
После теста поправил окно с подсказкой, увеличил область нажатия на кнопки и добавил больше контраста. Также после обсуждения технических моментов с продактом, добавил таймер для оплаты по QR
⚡️ Результат
— Увеличил конверсию успешных переводов на 8.7%
— Сократил кол-во времени на заполнение данных до оплаты по qr в 2 раза
#2. Сайты и 3D графика
Контекст
Маркетинговая команда обратилась с запросом на обновление визуальной идентики бренда и повышение его узнаваемости. Основные цели:
— Создать точку входа для нового продукта, ориентированного на партнёров.
— Улучшить конверсию из социальных сетей (с учетом запретов на рекламу).
— Обновить дизайн основного сайта
Проблемы
— Отсутствие точки входа для партнеров. 80% обращений идут через личные связи, что ограничивает масштабирование.
— Средний ER (вовлеченность) 6,2% — ниже целевого уровня. Среднее количество лайков на пост 150, ограниченный прирост подписчиков. Подписчики: 2000 человек до старта работы.
— Текущий сайт морально устарел и не отображает все аспекты продукта
Задачи
— Создать сайт для парнеров
— Обновить брендинг в запретграме
— Сделать редизайн основого сайта
Сайт партнеров
Обсудили структуру сайта с маркетологами. Сформировали описание для каждого блока. Я нашел референсы, создал прототип из скринов. Утвердил это с отделом маркетинга, дальше отрисовал сайт и помогал его верстать
Сайт компании
На основе предыдущего сайта определили структуру для нового. Обсудили чего не хватает и на что будет акцент. Нашел референсы, начал отрисовывать и в процессе коректировать состав блоков по бизнес требованиям. Сделал анимацию в афтере. Сайт в разработке
3D графика
Составил базу рефов, определил стиль иллюстраций. И создал их в Cinema 4D. Для каждого поста передавал метафору, заданную текстом маркетологов
⚡️ Результат
— Подписчики выросли с 2000 до 4800(+140%)
— ER увеличился до 10,9%(+75%)
— Среднее количество лайков на пост увеличилось с 150 до 525 (+250%)
— Конверсия лендинга для партнеров — 6,4% (выше целевого уровня)
— Новый визуальный стиль повысил узнаваемость бренда, ER соцсетей вырос на +40%
2025 © MaxShtill. Все права защищены