главная /обзор проекта
Оплата криптовалютой
по QR-коду
по QR-коду
Спроектировала новый сценарий оплаты криптовалютой для Telegram Mini App xRocket — от первого сканирования QR-кода до истории операций и оформления возврата средств.
UX/UI • User Flows • Wireframes • Prototyping • UX Writing • Edge Cases
Задача
До появления QR-оплаты пользователи могли хранить, обменивать и переводить криптовалюту, но не использовать ее для оплаты товаров в офлайн-магазинах.
Необходимо было встроить новый способ оплаты в существующий продукт и сделать сложный технический процесс понятным для обычного пользователя.
Необходимо было встроить новый способ оплаты в существующий продукт и сделать сложный технический процесс понятным для обычного пользователя.
Подход
За QR-оплатой скрывается несколько технических этапов: распознавание кода, конвертация валюты, проведение платежа и обработка результата.
Моя задача была не показывать эту сложность пользователю, а превратить её в простой и последовательный сценарий с понятной обратной связью на каждом этапе.
Моя задача была не показывать эту сложность пользователю, а превратить её в простой и последовательный сценарий с понятной обратной связью на каждом этапе.
/цель проекта
Спроектировать оплату криптовалютой так, чтобы она ощущалась так же просто и привычно, как оплата банковской картой.
Моя роль
Я отвечала за проектирование всего пользовательского сценария QR-оплаты — от первых концепций до передачи макетов в разработку.
Помимо основного сценария оплаты я спроектировала историю операций, детали платежа, сценарий возврата средств, обработку ошибок и UX Writing. Работала в тесной связке с продакт-менеджером и разработчиками, чтобы пользователь видел простой интерфейс вместо сложной технической логики.
Помимо основного сценария оплаты я спроектировала историю операций, детали платежа, сценарий возврата средств, обработку ошибок и UX Writing. Работала в тесной связке с продакт-менеджером и разработчиками, чтобы пользователь видел простой интерфейс вместо сложной технической логики.
/основной сценарий
Быстрый вход в оплату
Сценарий начинается с отдельной точки входа в QR-оплату, чтобы пользователь мог перейти к оплате за одно действие. После сканирования система автоматически получает данные о платеже и подготавливает транзакцию.
Подтверждение оплаты
Перед списанием средств пользователю важно быстро принять решение. Поэтому вся ключевая информация — сумма, курс обмена, стоимость в криптовалюте и данные продавца — собрана на одном экране.
Понятный процесс обработки
Конвертация криптовалюты занимает время. Вместо технических сообщений пользователь видит понятный статус выполнения операции и всегда понимает, что происходит в данный момент.
/после оплаты
История операций
История стала продолжением сценария оплаты, а не отдельным разделом приложения. Пользователь может быстро найти нужную транзакцию, проверить её статус или открыть детали платежа.
Детали платежа
В карточке собрана вся информация о транзакции, которая может понадобиться пользователю после оплаты. Отсюда же можно сразу перейти к оформлению возврата, если возникла спорная ситуация.
/возвраты
Возврат средств
Возможность оспорить операцию встроена прямо в сценарий оплаты. Пользователю не нужно искать поддержку — оформить заявку можно сразу из деталей конкретной транзакции.
Сценарий возврата
Процесс разделён на несколько простых шагов: указать сумму, описать проблему и приложить подтверждающие материалы. Такой подход помогает избежать ошибок и не перегружает пользователя большим количеством полей.
Проверка данных
Ошибки лучше предотвратить до отправки заявки. Поэтому форма сразу проверяет введённые данные, обязательные поля и ограничения по файлам, помогая исправить проблему ещё во время заполнения.
/результат
Итог
В результате был спроектирован полный пользовательский сценарий QR-оплаты для Telegram Mini App xRocket — от первого сканирования QR-кода до истории операций, возвратов и отслеживания статуса заявок.
Несмотря на сложную техническую логику процесса, для пользователя он выглядит как привычная банковская транзакция: понятная, последовательная и предсказуемая.
Несмотря на сложную техническую логику процесса, для пользователя он выглядит как привычная банковская транзакция: понятная, последовательная и предсказуемая.
Поработаем вместе?
Поработаем вместе?
Если вам откликнулся мой подход к дизайну — давайте познакомимся.
Буду рада обсудить проекты, команду и новые возможности.
Буду рада обсудить проекты, команду и новые возможности.