Оптимизация UX/UI: как мы улучшили цифровые платформы Альфа-Банка

Альфа-Банк — одна из ведущих банковских групп, активно развивающая цифровые платформы и внутренние сервисы.

Мы сотрудничаем с Альфа-Банком с 2019 года. За это время над проектами успела поработать большая команда. В общей сложности мы вложили более 13 тысяч часов в 17 проектов по 8 направлениям. Мы детально изучили конкурентов, создали более 350 прототипов и проработали свыше 830 сценариев взаимодействия.

Клиент:
Альфа-Банк

Клиент:
Альфа-Банк

Категория:
Дизайн интерфейсов

Экспертизы:
Illustrations
UX/UI design
UX/UI research
Analytics

Дата:
2024

Мы поработали над множеством проектов, в том числе в области UX/UI, и сегодня расскажем о двух ключевых: Alfa Partners и Alfa IaaS.

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

Alfa Partners — личный кабинет партнерской программы

Alfa Partners — это партнёрская программа Альфа-Банка, которая позволяет зарабатывать на продвижении банковских продуктов. Главной задачей клиента было улучшить личный кабинет для партнеров — СРА сетей, блогеров, вебмастеров и других.

Мы начали работу с предпроектной аналитики. На её основе были выдвинуты гипотезы, часть которых подтвердилась в ходе количественного опроса. После этого мы провели глубинные интервью с действующими пользователями Alfa Partners, чтобы детально изучить их ожидания и потребности, а также проверить или опровергнуть оставшиеся гипотезы.

Только после завершения аналитического этапа мы перешли к прототипированию и дизайну. Старый кабинет имел несколько проблем: сложную навигацию, отсутствие онбординга для новичков и неконсистентность в оформлении интерфейса. Цель редизайна — сделать платформу интуитивно понятной, упростить работу с данными и разгрузить службу поддержки, уменьшив количество задаваемых вопросов.

Мы проанализировали интерфейс личного кабинета и выявили несколько проблем: сложную навигацию, неконсистентность интерфейса и отсутствие помощи для новичков. В результате мы обновили навигацию, создали единую дизайн-систему и добавили онбординг для новых пользователей. А чтобы упростить работу с данными, внедрили фильтры и удобный дашборд.

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

Новый личный кабинет стал намного удобнее для всех категорий пользователей. Благодаря улучшенной навигации и встроенному онбордингу новые партнёры могут легко адаптироваться и быстрее начать зарабатывать. Прозрачность данных и упрощённый интерфейс сократили количество вопросов к поддержке, что позволяет партнёрам больше времени уделять продвижению продуктов. Эти изменения сделали работу с системой проще и быстрее, а ещё помогли повысить успешность выбора и использования рекламных креативов.

Alfa IaaS — сервис аренды виртуальной инфраструктуры

Работу над проектом Alfa IaaS мы начали с анализа текущей ситуации в компании, где параллельно существовали два облачных сервиса — ACloud и Alfa IaaS. ACloud был привычным инструментом для пользователей, но его архитектура ограничивала возможности модернизации. Alfa IaaS, напротив, оказался более гибким, объединяя сразу несколько корпоративных платформ и активно развиваясь. Чтобы определить направления оптимизации, мы провели UX/UI-аудит, оценили пользовательские сценарии и пути взаимодействия с обоими сервисами.

Аудит показал, что ключевыми проблемами были сложная навигация, неудобства в управлении ресурсами, подсетями и базами данных. Чтобы лучше понять потребности пользователей, мы провели конкурентный анализ и опрос, которые помогли нам выявить основные ошибки интерфейсов и подтвердить наши гипотезы. Мы предложили оставить Alfa IaaS основным сервисом благодаря его гибкости, а для обеспечения плавного перехода внедрить знакомые паттерны из ACloud и использовать его как точку доступа к новой платформе.

Реализация предложенных решений, включая упрощение сценариев, улучшение навигации и добавление проверенных функций, позволила значительно сократить количество пользовательских болей. Оптимизированный интерфейс улучшил восприятие и взаимодействие с системой, сделав работу с платформой комфортной и эффективной.

Также мы помогали создавать 3D-графику для ряда продуктов Альфа-Банка, чтобы улучшить восприятие интерфейса и сделать взаимодействие с ним более приятным. Мы использовали дизайн-систему Альфа-Банка, чтобы все элементы оставались узнаваемыми и удобными для пользователей. Это позволило сохранить единообразие продуктов, улучшив восприятие и взаимодействие с интерфейсом.

Дизайн интерфейсов
Следующий проект: