На главную
Редизайн fintech-приложения
Мобильное приложение
2026
Время работы
2 недели
Роль
UX/UI дизайнер
MidJorney
Инструменты
After Effects
Illustrator
Photoshop
ChatGPT
Figma
Основная задача
Основной задачей проекта было переосмысление пользовательского опыта и упрощение ключевых сценариев внутри продукта. В предыдущей версии приложения многие действия были перегружены, часть функций была недостаточно очевидной, а навигация внутри продукта вызывала путаницу.
Моя задача заключалась не только в визуальном обновлении интерфейса, но и в переработке UX-структуры, пользовательских flow
и взаимодействия внутри приложения.
Проблема
В процессе анализа продукта удалось выявить несколько ключевых
UX-проблем:
— перегруженная и неочевидная навигация
— пересекающиеся сценарии переводов и оплат
— сложная структура операций
— отсутствие полноценного onboarding flow
— перегруженные формы и большое количество информации внутри сценариев
— сложное восприятие истории операций и фильтров
— отсутствие быстрых повторяющихся сценариев
Многие действия требовали от пользователя дополнительных шагов
или понимания внутренней логики продукта, что усложняло взаимодействие с приложением.
Исследование и анализ
Перед началом редизайна я провёл UX-анализ существующего интерфейса и пользовательских сценариев.
Основной задачей было понять:
— где пользователь теряет контекст внутри flow
— какие сценарии вызывают наибольшую путаницу
— какие действия требуют лишних шагов
— какие функции недостаточно заметны внутри интерфейса
— как упростить navigation flow без потери функциональности
Также анализировал UX-паттерны современных fintech-приложений
и мобильных банковских сервисов, чтобы сделать взаимодействие внутри продукта более понятным, последовательным и предсказуемым.
Персоны
Персона 01 — Алексей, 27 лет (Обычный пользователь)
Алексей использует приложение для повседневных финансовых операций: переводов, оплаты сервисов и периодического обмена валют.
Он не хочет разбираться в сложных финансовых сценариях и ожидает
от приложения максимально простого и понятного взаимодействия.
Для него важно быстро выполнить действие и не тратить время
на изучение интерфейса.
Поведение:
— использует приложение несколько раз в неделю
— выполняет обычные переводы и оплаты
— редко использует сложные функции
— чаще взаимодействует с приложением «на ходу»
— не изучает дополнительные разделы и настройки
Цели:
— быстро выполнить перевод
— понимать, куда и откуда списываются средства
— видеть комиссию и итоговую сумму до подтверждения
— не тратить время на поиск нужной операции
Боли:
— перегруженные сценарии
— сложная навигация
— неочевидные действия
— большое количество похожих операций
— сложные формулировки и финансовые термины
Потребности пользователя:
— простая навигация
— минимальное количество действий
— понятные названия операций
— прозрачные комиссии и курс
— быстрый доступ к основным сценариям
Персона 02 — Максим, 33 года (Опытный пользователь)
Максим активно использует приложение для обмена валют, криптовалютных операций и работы с виртуальными картами.
Он регулярно взаимодействует с несколькими счетами и часто повторяет одни и те же сценарии внутри продукта. Для него важны скорость работы, эффективность и быстрый доступ к нужным действиям.
Поведение:
— ежедневно использует приложение
— работает с несколькими валютами и счетами
— регулярно использует обмен и переводы
— активно пользуется историей операций
— использует шаблоны и повторяющиеся сценарии
Цели:
— быстро переключаться между счетами
— повторять операции без повторного ввода данных
— быстро находить нужные транзакции
— удобно управлять виртуальными картами
— ускорить выполнение частых действий
Боли:
— большое количество несгруппированных операций
— сложный поиск нужных транзакций
— перегруженная история операций
— отсутствие быстрых shortcuts
— перегруженность интерфейса дополнительной информацией
Потребности пользователя:
— удобная фильтрация истории
— шаблоны и частые операции
— быстрый доступ к обмену и переводам
— минимизация повторяющихся действий
— снижение визуального шума внутри сложных сценариев
JTBD
Переводы и обмен:
Когда пользователь переводит или обменивает средства, ему важно быстро понять нужный сценарий и выполнить операцию без путаницы
и лишних действий.
История операций:
Когда пользователь ищет прошлые транзакции, ему важно быстро отфильтровать и распознать нужную операцию, чтобы без лишнего поиска найти необходимый перевод или платёж.
Виртуальные карты:
Когда пользователь выпускает виртуальную карту, ему важно заранее понимать её преимущества, условия и ограничения, чтобы уверенно использовать её для онлайн-платежей и повседневных операций.
UX-решения
Onboarding
В предыдущей версии приложения отсутствовал полноценный onboarding. Пользователь сразу попадал на экран ввода номера телефона и пароля без знакомства с продуктом.
Я разработал onboarding flow с краткой презентацией ключевых возможностей приложения, а также продумал отдельные сценарии:
— регистрация
— авторизация
— вход через сторонние сервисы
— восстановление доступа
— создание PIN-кода
Это позволило сделать первый пользовательский опыт более последовательным и понятным.
Главный экран
На главном экране был переработан сценарий смены валюты отображения баланса.
В старом интерфейсе для изменения валюты пользователю нужно было нажать непосредственно на сумму баланса, что было неочевидно
и ухудшало discoverability функции.
Я вынес выбор валюты в отдельный selector над балансом.
Теперь пользователь сразу видит текущую валюту отображения
и понимает, что может быстро переключаться между активами
через dropdown-список.
Также был переработан блок «Мои счета».
В предыдущем варианте карточки счетов были статичными.
Я сделал их интерактивными: при выборе нужного счёта пользователь сразу переходит к сценарию обмена валюты относительно выбранного актива.
Это позволило сократить количество действий и ускорить переход
к ключевому сценарию.
Навигация и операции
Одной из главных UX-проблем была структура быстрых действий
на главном экране.
Ранее пользователь видел действия:
— Пополнить
— Отправить
— Оплатить
— Обмен
Дополнительно отдельная QR-кнопка находилась в нижнем tab bar.
На практике сценарии «Отправить» и «Оплатить» пересекались
и создавали путаницу. Пользователь не всегда понимал, какой раздел использовать для перевода средств.
Я объединил сценарии «Отправить» и «Оплатить» в единое действие «Перевести». QR-кнопка была убрана из tab bar и перенесена в блок быстрых действий на главном экране.
В результате навигация стала чище и понятнее:
— Пополнить
— Перевести
— Обмен
— Скан QR
После объединения сценариев переводов была переработана структура выбора операций. Ранее все действия отображались единым списком без логической группировки.
Я сгруппировал операции по их назначению:
— переводы
— оплата
— вывод средств
— криптовалютные операции
Чтобы не усложнять flow дополнительными экранами, структура была реализована через accordion pattern с раскрывающимися блоками.
Это позволило:
— сократить визуальный шум
— ускорить поиск нужной операции
— сделать navigation flow более предсказуемым
Частые операции и шаблоны
Для упрощения повторяющихся сценариев были добавлены разделы:
— Частые операции
— Шаблоны
«Частые операции» формируются на основе действий пользователя
и позволяют быстрее возвращаться к наиболее используемым сценариям.
Раздел «Шаблоны» позволяет сохранять операции для повторного использования без повторного ввода данных.
Добавить шаблон можно:
— после завершения операции
— через раздел истории в деталях операции
Это значительно сокращает количество действий при повторных переводах и платежах.
Формы операций
Внутри сценариев операций была переработана структура форм
и терминология.
Тяжёлые формулировки были заменены на более короткие и понятные:
— «Валюта для получения» → «Валюта получения»
— «Баланс для вывода» → «Счёт списания»
Также был добавлен отдельный блок с отображением курса и комиссии, чтобы пользователь заранее видел ключевые параметры операции ещё до подтверждения действия.
В сценариях с большим количеством информации использовались раскрывающиеся блоки.
Это позволило не перегружать экран дополнительными условиями
и сохранять фокус пользователя на основном действии.
Виртуальные карты
Полностью переработал сценарий выпуска виртуальной карты.
В предыдущем интерфейсе пользователь сразу видел кнопку
«Создать карту», после чего открывались правила использования.
Я перестроил flow так, чтобы сначала познакомить пользователя
с преимуществами продукта:
— мгновенный выпуск
— Apple Pay / Google Pay
— международные платежи
— повышенные лимиты
После этого пользователь переходит к экрану карты, где может:
— просматривать баланс
— переключаться между картами
— изучать условия
— просматривать историю операций
— управлять состоянием карты
Дополнительно был продуман сценарий заморозки карты и её повторной активации.
История операций
В разделе истории была переработана система фильтрации.
В предыдущем интерфейсе присутствовало большое количество разрозненных типов операций и неочевидных категорий.
Я упростил структуру фильтров:
— Пополнение
— Вывод средств
— Переводы
— Обмен
— Виртуальные карты
— QR-оплата
Также была добавлена фильтрация по периоду:
— Сегодня
— 7 дней
— 30 дней
— произвольный диапазон через календарь
Дополнительно входящие, исходящие операции и обмены получили более явные визуальные различия для ускорения восприятия списка операций.
Профиль и безопасность
В разделе профиля переработал структуру настроек и сгруппировал разделы по их назначению:
— настройки приложения
— параметры входа
— безопасность
— сервисные разделы
Отдельно были вынесены блоки:
— Верификация
— Реферальная программа
Верификация была сделана более заметной, так как напрямую влияет
на доступность функций продукта.
Реферальная программа получила отдельный визуальный акцент
как важный продуктовый сценарий.
Также были добавлены:
— PIN-код
— Face ID
— 2FA
Для Face ID и двухфакторной аутентификации использовал switch/toggle pattern, привычный для системных настроек iOS и Android.
Результат
Редизайн позволил сделать продукт более структурированным, предсказуемым и понятным для пользователя.
Основной акцент был сделан на:
— упрощении пользовательских сценариев
— уменьшении когнитивной нагрузки
— повышении discoverability функций
— улучшении navigation flow
— ускорении повторяющихся действий
В результате интерфейс стал ощущаться легче визуально и проще с точки зрения взаимодействия, несмотря на большое количество функций
и сценариев внутри продукта.
Время работы
2 недели
Роль
UX/UI дизайнер
MidJorney
Инструменты
After Effects
Illustrator
Photoshop
ChatGPT
Figma
Основная задача
Основной задачей проекта было переосмысление пользовательского опыта и упрощение ключевых сценариев внутри продукта. В предыдущей версии приложения многие действия были перегружены, часть функций была недостаточно очевидной, а навигация внутри продукта вызывала путаницу.
Моя задача заключалась не только в визуальном обновлении интерфейса, но и в переработке UX-структуры, пользовательских flow
и взаимодействия внутри приложения.
Проблема
В процессе анализа продукта удалось выявить несколько ключевых
UX-проблем:
— перегруженная и неочевидная навигация
— пересекающиеся сценарии переводов и оплат
— сложная структура операций
— отсутствие полноценного onboarding flow
— перегруженные формы и большое количество информации внутри сценариев
— сложное восприятие истории операций и фильтров
— отсутствие быстрых повторяющихся сценариев
Многие действия требовали от пользователя дополнительных шагов
или понимания внутренней логики продукта, что усложняло взаимодействие с приложением.
Исследование и анализ
Перед началом редизайна я провёл UX-анализ существующего интерфейса и пользовательских сценариев.
Основной задачей было понять:
— где пользователь теряет контекст внутри flow
— какие сценарии вызывают наибольшую путаницу
— какие действия требуют лишних шагов
— какие функции недостаточно заметны внутри интерфейса
— как упростить navigation flow без потери функциональности
Также анализировал UX-паттерны современных fintech-приложений
и мобильных банковских сервисов, чтобы сделать взаимодействие внутри продукта более понятным, последовательным и предсказуемым.
Персоны
Персона 01 — Алексей, 27 лет (Обычный пользователь)
Алексей использует приложение для повседневных финансовых операций: переводов, оплаты сервисов и периодического обмена валют.
Он не хочет разбираться в сложных финансовых сценариях и ожидает
от приложения максимально простого и понятного взаимодействия.
Для него важно быстро выполнить действие и не тратить время
на изучение интерфейса.
Поведение:
— использует приложение несколько раз в неделю
— выполняет обычные переводы и оплаты
— редко использует сложные функции
— чаще взаимодействует с приложением «на ходу»
— не изучает дополнительные разделы и настройки
Цели:
— быстро выполнить перевод
— понимать, куда и откуда списываются средства
— видеть комиссию и итоговую сумму до подтверждения
— не тратить время на поиск нужной операции
Боли:
— перегруженные сценарии
— сложная навигация
— неочевидные действия
— большое количество похожих операций
— сложные формулировки и финансовые термины
Потребности пользователя:
— простая навигация
— минимальное количество действий
— понятные названия операций
— прозрачные комиссии и курс
— быстрый доступ к основным сценариям
Персона 02 — Максим, 33 года (Опытный пользователь)
Максим активно использует приложение для обмена валют, криптовалютных операций и работы с виртуальными картами.
Он регулярно взаимодействует с несколькими счетами и часто повторяет одни и те же сценарии внутри продукта. Для него важны скорость работы, эффективность и быстрый доступ к нужным действиям.
Поведение:
— ежедневно использует приложение
— работает с несколькими валютами и счетами
— регулярно использует обмен и переводы
— активно пользуется историей операций
— использует шаблоны и повторяющиеся сценарии
Цели:
— быстро переключаться между счетами
— повторять операции без повторного ввода данных
— быстро находить нужные транзакции
— удобно управлять виртуальными картами
— ускорить выполнение частых действий
Боли:
— большое количество несгруппированных операций
— сложный поиск нужных транзакций
— перегруженная история операций
— отсутствие быстрых shortcuts
— перегруженность интерфейса дополнительной информацией
Потребности пользователя:
— удобная фильтрация истории
— шаблоны и частые операции
— быстрый доступ к обмену и переводам
— минимизация повторяющихся действий
— снижение визуального шума внутри сложных сценариев
JTBD
Переводы и обмен:
Когда пользователь переводит или обменивает средства, ему важно быстро понять нужный сценарий и выполнить операцию без путаницы
и лишних действий.
История операций:
Когда пользователь ищет прошлые транзакции, ему важно быстро отфильтровать и распознать нужную операцию, чтобы без лишнего поиска найти необходимый перевод или платёж.
Виртуальные карты:
Когда пользователь выпускает виртуальную карту, ему важно заранее понимать её преимущества, условия и ограничения, чтобы уверенно использовать её для онлайн-платежей и повседневных операций.
UX-решения
Onboarding
В предыдущей версии приложения отсутствовал полноценный onboarding. Пользователь сразу попадал на экран ввода номера телефона и пароля без знакомства с продуктом.
Я разработал onboarding flow с краткой презентацией ключевых возможностей приложения, а также продумал отдельные сценарии:
— регистрация
— авторизация
— вход через сторонние сервисы
— восстановление доступа
— создание PIN-кода
Это позволило сделать первый пользовательский опыт более последовательным и понятным.
Главный экран
На главном экране был переработан сценарий смены валюты отображения баланса.
В старом интерфейсе для изменения валюты пользователю нужно было нажать непосредственно на сумму баланса, что было неочевидно
и ухудшало discoverability функции.
Я вынес выбор валюты в отдельный selector над балансом.
Теперь пользователь сразу видит текущую валюту отображения
и понимает, что может быстро переключаться между активами
через dropdown-список.
Также был переработан блок «Мои счета».
В предыдущем варианте карточки счетов были статичными.
Я сделал их интерактивными: при выборе нужного счёта пользователь сразу переходит к сценарию обмена валюты относительно выбранного актива.
Это позволило сократить количество действий и ускорить переход
к ключевому сценарию.
Навигация и операции
Одной из главных UX-проблем была структура быстрых действий
на главном экране.
Ранее пользователь видел действия:
— Пополнить
— Отправить
— Оплатить
— Обмен
Дополнительно отдельная QR-кнопка находилась в нижнем tab bar.
На практике сценарии «Отправить» и «Оплатить» пересекались
и создавали путаницу. Пользователь не всегда понимал, какой раздел использовать для перевода средств.
Я объединил сценарии «Отправить» и «Оплатить» в единое действие «Перевести». QR-кнопка была убрана из tab bar и перенесена в блок быстрых действий на главном экране.
В результате навигация стала чище и понятнее:
— Пополнить
— Перевести
— Обмен
— Скан QR
После объединения сценариев переводов была переработана структура выбора операций. Ранее все действия отображались единым списком без логической группировки.
Я сгруппировал операции по их назначению:
— переводы
— оплата
— вывод средств
— криптовалютные операции
Чтобы не усложнять flow дополнительными экранами, структура была реализована через accordion pattern с раскрывающимися блоками.
Это позволило:
— сократить визуальный шум
— ускорить поиск нужной операции
— сделать navigation flow более предсказуемым
Частые операции и шаблоны
Для упрощения повторяющихся сценариев были добавлены разделы:
— Частые операции
— Шаблоны
«Частые операции» формируются на основе действий пользователя
и позволяют быстрее возвращаться к наиболее используемым сценариям.
Раздел «Шаблоны» позволяет сохранять операции для повторного использования без повторного ввода данных.
Добавить шаблон можно:
— после завершения операции
— через раздел истории в деталях операции
Это значительно сокращает количество действий при повторных переводах и платежах.
Формы операций
Внутри сценариев операций была переработана структура форм
и терминология.
Тяжёлые формулировки были заменены на более короткие и понятные:
— «Валюта для получения» → «Валюта получения»
— «Баланс для вывода» → «Счёт списания»
Также был добавлен отдельный блок с отображением курса и комиссии, чтобы пользователь заранее видел ключевые параметры операции ещё до подтверждения действия.
В сценариях с большим количеством информации использовались раскрывающиеся блоки.
Это позволило не перегружать экран дополнительными условиями
и сохранять фокус пользователя на основном действии.
Виртуальные карты
Полностью переработал сценарий выпуска виртуальной карты.
В предыдущем интерфейсе пользователь сразу видел кнопку
«Создать карту», после чего открывались правила использования.
Я перестроил flow так, чтобы сначала познакомить пользователя
с преимуществами продукта:
— мгновенный выпуск
— Apple Pay / Google Pay
— международные платежи
— повышенные лимиты
После этого пользователь переходит к экрану карты, где может:
— просматривать баланс
— переключаться между картами
— изучать условия
— просматривать историю операций
— управлять состоянием карты
Дополнительно был продуман сценарий заморозки карты и её повторной активации.
История операций
В разделе истории была переработана система фильтрации.
В предыдущем интерфейсе присутствовало большое количество разрозненных типов операций и неочевидных категорий.
Я упростил структуру фильтров:
— Пополнение
— Вывод средств
— Переводы
— Обмен
— Виртуальные карты
— QR-оплата
Также была добавлена фильтрация по периоду:
— Сегодня
— 7 дней
— 30 дней
— произвольный диапазон через календарь
Дополнительно входящие, исходящие операции и обмены получили более явные визуальные различия для ускорения восприятия списка операций.
Профиль и безопасность
В разделе профиля переработал структуру настроек и сгруппировал разделы по их назначению:
— настройки приложения
— параметры входа
— безопасность
— сервисные разделы
Отдельно были вынесены блоки:
— Верификация
— Реферальная программа
Верификация была сделана более заметной, так как напрямую влияет
на доступность функций продукта.
Реферальная программа получила отдельный визуальный акцент
как важный продуктовый сценарий.
Также были добавлены:
— PIN-код
— Face ID
— 2FA
Для Face ID и двухфакторной аутентификации использовал switch/toggle pattern, привычный для системных настроек iOS и Android.
Результат
Редизайн позволил сделать продукт более структурированным, предсказуемым и понятным для пользователя.
Основной акцент был сделан на:
— упрощении пользовательских сценариев
— уменьшении когнитивной нагрузки
— повышении discoverability функций
— улучшении navigation flow
— ускорении повторяющихся действий
В результате интерфейс стал ощущаться легче визуально и проще с точки зрения взаимодействия, несмотря на большое количество функций
и сценариев внутри продукта.
Время работы
2 недели
Роль
UX/UI дизайнер
MidJorney
Инструменты
After Effects
Illustrator
Photoshop
ChatGPT
Figma
Основная задача
Главная цель редизайна — сделать продукт визуально чище, современнее и удобнее
для ежедневного использования.
Во время работы большое внимание уделялось:
— упрощению пользовательских сценариев
— обновлению структуры экранов
— улучшению навигации внутри приложения
— работе с большим количеством финансовой информации
— визуальной иерархии и читаемости интерфейса
Также важно было сохранить баланс между «премиальным» ощущением fintech-продукта
и удобством использования.
Проблема
В процессе анализа продукта удалось выявить несколько ключевых UX-проблем:
— перегруженная и неочевидная навигация
— пересекающиеся сценарии переводов и оплат
— сложная структура операций
— отсутствие полноценного onboarding flow
— перегруженные формы и большое количество информации внутри сценариев
— сложное восприятие истории операций
и фильтров
— отсутствие быстрых повторяющихся сценариев
Многие действия требовали от пользователя дополнительных шагов или понимания внутренней логики продукта, что усложняло взаимодействие
с приложением.
Исследование и анализ
Перед началом редизайна я провёл UX-анализ существующего интерфейса и пользовательских сценариев.
Основной задачей было понять:
— где пользователь теряет контекст внутри flow
— какие сценарии вызывают наибольшую путаницу
— какие действия требуют лишних шагов
— какие функции недостаточно заметны внутри интерфейса
— как упростить navigation flow без потери функциональности
Также анализировал UX-паттерны современных fintech-приложений и мобильных банковских сервисов, чтобы сделать взаимодействие внутри продукта более понятным, последовательным
и предсказуемым.
Персоны
Персона 01 — Алексей, 27 лет
(Обычный пользователь)
Алексей использует приложение
для повседневных финансовых операций: переводов, оплаты сервисов и периодического обмена валют. Он не хочет разбираться в сложных финансовых сценариях и ожидает от приложения максимально простого и понятного взаимодействия. Для него важно быстро выполнить действие и не тратить время
на изучение интерфейса.
Поведение:
— использует приложение несколько раз в неделю
— выполняет обычные переводы и оплаты
— редко использует сложные функции
— чаще взаимодействует с приложением
«на ходу»
— не изучает дополнительные разделы
и настройки
Цели:
— быстро выполнить перевод
— понимать, куда и откуда списываются средства
— видеть комиссию и итоговую сумму
до подтверждения
— не тратить время на поиск нужной операции
Боли:
— перегруженные сценарии
— сложная навигация
— неочевидные действия
— большое количество похожих операций
— сложные формулировки и финансовые термины
Потребности пользователя:
— простая навигация
— минимальное количество действий
— понятные названия операций
— прозрачные комиссии и курс
— быстрый доступ к основным сценариям
Персона 02 — Максим, 33 года
(Опытный пользователь)
Максим активно использует приложение
для обмена валют, криптовалютных операций
и работы с виртуальными картами.
Он регулярно взаимодействует с несколькими счетами и часто повторяет одни и те же сценарии внутри продукта. Для него важны скорость работы, эффективность и быстрый доступ
к нужным действиям.
Поведение:
— ежедневно использует приложение
— работает с несколькими валютами и счетами
— регулярно использует обмен и переводы
— активно пользуется историей операций
— использует шаблоны и повторяющиеся сценарии
Цели:
— быстро переключаться между счетами
— повторять операции без повторного ввода данных
— быстро находить нужные транзакции
— удобно управлять виртуальными картами
— ускорить выполнение частых действий
Боли:
— большое количество несгруппированных операций
— сложный поиск нужных транзакций
— перегруженная история операций
— отсутствие быстрых shortcuts
— перегруженность интерфейса дополнительной информацией
Потребности пользователя:
— удобная фильтрация истории
— шаблоны и частые операции
— быстрый доступ к обмену и переводам
— минимизация повторяющихся действий
— снижение визуального шума внутри сложных сценариев
JTBD
Переводы и обмен:
Когда пользователь переводит или обменивает средства, ему важно быстро понять нужный сценарий и выполнить операцию без путаницы
и лишних действий.
История операций:
Когда пользователь ищет прошлые транзакции, ему важно быстро отфильтровать и распознать нужную операцию, чтобы без лишнего поиска найти необходимый перевод или платёж.
Виртуальные карты:
Когда пользователь выпускает виртуальную карту, ему важно заранее понимать её преимущества, условия и ограничения, чтобы уверенно использовать её для онлайн-платежей
и повседневных операций.
UX-решения
Onboarding
В предыдущей версии приложения отсутствовал полноценный onboarding.
Пользователь сразу попадал на экран ввода номера телефона и пароля без знакомства
с продуктом.
Я разработал onboarding flow с краткой презентацией ключевых возможностей приложения, а также продумал отдельные сценарии:
— регистрация
— авторизация
— вход через сторонние сервисы
— восстановление доступа
— создание PIN-кода
Это позволило сделать первый пользовательский опыт более последовательным и понятным.
Главный экран
На главном экране был переработан сценарий смены валюты отображения баланса.
В старом интерфейсе для изменения валюты пользователю нужно было нажать непосредственно на сумму баланса, что было неочевидно и ухудшало discoverability функции.
Я вынес выбор валюты в отдельный selector
над балансом. Теперь пользователь сразу видит текущую валюту отображения и понимает,
что может быстро переключаться между активами через dropdown-список.
Также был переработан блок «Мои счета».
В предыдущем варианте карточки счетов были статичными. Я сделал их интерактивными:
при выборе нужного счёта пользователь сразу переходит к сценарию обмена валюты относительно выбранного актива.
Это позволило сократить количество действий
и ускорить переход к ключевому сценарию.
Навигация и операции
Одной из главных UX-проблем была структура быстрых действий на главном экране.
Ранее пользователь видел действия:
— Пополнить
— Отправить
— Оплатить
— Обмен
Дополнительно отдельная QR-кнопка находилась в нижнем tab bar. На практике сценарии «Отправить» и «Оплатить» пересекались
и создавали путаницу. Пользователь не всегда понимал, какой раздел использовать для перевода средств.
Я объединил сценарии «Отправить» и «Оплатить» в единое действие «Перевести». QR-кнопка была убрана из tab bar и перенесена в блок быстрых действий на главном экране.
В результате навигация стала чище и понятнее:
— Пополнить
— Перевести
— Обмен
— Скан QR
После объединения сценариев переводов
была переработана структура выбора операций.
Ранее все действия отображались единым списком без логической группировки.
Я сгруппировал операции по их назначению:
— переводы
— оплата
— вывод средств
— криптовалютные операции
Чтобы не усложнять flow дополнительными экранами, структура была реализована через accordion pattern с раскрывающимися блоками.
Это позволило:
— сократить визуальный шум
— ускорить поиск нужной операции
— сделать navigation flow более предсказуемым
Частые операции и шаблоны
Для упрощения повторяющихся сценариев
были добавлены разделы:
— Частые операции
— Шаблоны
«Частые операции» формируются на основе действий пользователя и позволяют быстрее возвращаться к наиболее используемым сценариям. Раздел «Шаблоны» позволяет сохранять операции для повторного использования без повторного ввода данных.
Добавить шаблон можно:
— после завершения операции
— через раздел истории в деталях операции
Это значительно сокращает количество действий при повторных переводах и платежах.
Формы операций
Внутри сценариев операций была переработана структура форм и терминология.
Тяжёлые формулировки были заменены на более короткие и понятные:
— «Валюта для получения» → «Валюта получения»
— «Баланс для вывода» → «Счёт списания»
Также был добавлен отдельный блок
с отображением курса и комиссии,
чтобы пользователь заранее видел ключевые параметры операции ещё до подтверждения действия.
В сценариях с большим количеством информации использовались раскрывающиеся блоки.
Это позволило не перегружать экран дополнительными условиями и сохранять фокус пользователя на основном действии.
Виртуальные карты
Полностью переработал сценарий выпуска виртуальной карты. В предыдущем интерфейсе пользователь сразу видел кнопку «Создать карту», после чего открывались правила использования.
Я перестроил flow так, чтобы сначала познакомить пользователя с преимуществами продукта:
— мгновенный выпуск
— Apple Pay / Google Pay
— международные платежи
— повышенные лимиты
После этого пользователь переходит к экрану карты, где может:
— просматривать баланс
— переключаться между картами
— изучать условия
— просматривать историю операций
— управлять состоянием карты
Дополнительно был продуман сценарий заморозки карты и её повторной активации.
История операций
В разделе истории была переработана система фильтрации. В предыдущем интерфейсе присутствовало большое количество разрозненных типов операций и неочевидных категорий.
Я упростил структуру фильтров:
— Пополнение
— Вывод средств
— Переводы
— Обмен
— Виртуальные карты
— QR-оплата
Также была добавлена фильтрация по периоду:
— Сегодня
— 7 дней
— 30 дней
— произвольный диапазон через календарь
Дополнительно входящие, исходящие операции
и обмены получили более явные визуальные различия для ускорения восприятия списка операций.
Профиль и безопасность
В разделе профиля переработал структуру настроек и сгруппировал разделы по их назначению:
— настройки приложения
— параметры входа
— безопасность
— сервисные разделы
Отдельно были вынесены блоки:
— Верификация
— Реферальная программа
Верификация была сделана более заметной,
так как напрямую влияет на доступность функций продукта.
Реферальная программа получила отдельный визуальный акцент как важный продуктовый сценарий.
Также были добавлены:
— PIN-код
— Face ID
— 2FA
Для Face ID и двухфакторной аутентификации использовал switch/toggle pattern, привычный
для системных настроек iOS и Android.
Результат
В результате получился современный редизайн fintech-продукта с более понятной структурой, обновлённым UX и визуально целостным интерфейсом.
Проект помог показать мой подход к работе
со сложными digital-продуктами, где важно одновременно учитывать логику, визуальную подачу и большое количество пользовательских сценариев.
© 2026
© 2026
© 2026