Проект внедрён

Редизайн обмена SDchange

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

Заполненная форма обмена SDchange в десктопной версии: указаны контактные данные

Завершённый обмен в мобильной версии SDchange

Моя роль: Единственный дизайнер: UX-аудит, сценарий обмена, прототипы, UI и 2 раунда проверок.
Команда: Владелец продукта, разработчики и операторы.
Статус и ограничения: Внедрено в desktop и mobile web. Без регистрации и личного кабинета; обработка заявок осталась ручной.

Контекст

Изначально бизнес попросил обновить устаревший интерфейс SDchange. Заявки при этом должны были по-прежнему обрабатываться вручную, без регистрации и личного кабинета.

Во время UX-аудита я увидела, что одного визуального обновления недостаточно: нужно было оставить введённые данные видимыми на следующем шаге, показать условия до отправки, а реквизиты, инструкцию и статус — внутри созданной заявки. Поэтому я расширила задачу до переработки последовательности обмена.

Интерфейс SDchange до редизайна в десктопной версии: светлая страница с формой обмена — Интерфейс до редизайна · десктопная версия

Интерфейс SDchange до редизайна в мобильной версии: длинная форма на первом экране — Интерфейс до редизайна · мобильная версия

Задача

Дать пользователю проверить заявку до отправки и понимать следующий шаг после её создания.

Пользователь: До отправки пользователь проверяет введённые данные и условия; после создания заявки видит реквизиты, инструкцию и статус.
Бизнес: Операторы по-прежнему обрабатывают заявки вручную; регистрация и личный кабинет не добавляются.

Решение

Перед проектированием изучила интерфейс и воронку, продуктовую аналитику, обращения в поддержку и похожие сервисы. Провела два раунда модерируемой проверки прототипа.

01 · Решение

Данные остаются на втором шаге

После первого раунда проверки оставила суммы и контакты видимыми на втором шаге. Платёжные реквизиты пользователь добавляет отдельно.

Итерация сценария после раунда 1

Шаг 1 — суммы и контакты; шаг 2 — платёжные реквизиты.

Суммы и контакты остаются видимыми и доступны для редактирования; платёжные реквизиты добавляются отдельно.

Второй шаг стал длиннее, зато пользователь видит и может проверить все данные заявки.

02 · Условия и инструкция

Показать условия до отправки, а инструкцию — после создания заявки

До подтверждения пользователь проверяет курс, условия и сроки. После создания заявки видит реквизиты и три шага: связаться с оператором, отправить оплату и дождаться обмена.

Проверка · раунд 2

Проверяла, замечают ли пользователи условия и отзывы на внешних площадках, понимают ли, когда появится инструкция по оплате, и остаются ли вопросы к оператору.

Стартовая форма обмена в мобильной версии SDchange

03 · Статус заявки

Показать статус без личного кабинета

Статус показан в самой заявке. После завершения пользователь видит подтверждение перевода.

Этапы обмена

Пользователь вводит данные, проверяет реквизиты, получает инструкцию и видит статус заявки — без личного кабинета.

01 · Ввод данных

На первом шаге пользователь выбирает направление обмена, вводит сумму и контакты.

02 · Добавление реквизитов

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

03 · Оплата и ожидание

После создания заявки в ней видны реквизиты, инструкция и текущий статус.

04 · Обмен завершён

После завершения пользователь видит результат перевода.

Итоги

Редизайн внедрён в десктопной и мобильной веб-версиях.

По сообщению маркетолога/PM, после редизайна выросла конверсия от начала заполнения формы до завершённого обмена. Показатели сравнивали до и после запуска обновлённой версии.

Что изменилось

Данные первого шага остаются видимыми на втором; условия показаны до отправки, а реквизиты, инструкция и статус — внутри созданной заявки.

Что осталось за границей редизайна

Операторы по-прежнему обрабатывают заявки вручную. Регистрация и личный кабинет не добавлены.