Редизайн главной страницы
B2B банка

UX/UI дизайнер — исследование, структура, дизайн

Контекст

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

Задача

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

Было:

Процесс

Сначала я проаналазировала существующий дизайн: ометила множество UI-проблем, например, различия стилей заголовков и основного текста. Также главный экран очень перегружен, нет четкой информационной и визуальной иерархии,
а также не интуитивна возможность переключения между аккаунтами компаний. Далее я составила mind-map приложения.

Стало:

Результат

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

Что бы доработала

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

Create a free website with Framer, the website builder loved by startups, designers and agencies.