КОРНЕВЫЕСТРАНИЦЫ B2B
Редизайн Альфа-Бизнес Мобайл: от корневых разделов приложения — к конкретной операции, счёту и карте.
Один банк.
Единая логика.
Корневые страницы — отправная точка ежедневной работы предпринимателя. Через них пользователь проверяет деньги, переходит к платежам, находит продукты, связывается с банком и управляет настройками.
В Альфа-Банке я работала в трёх командах и участвовала в рабочей группе по редизайну корневых страниц. Задачей было согласовать решения между направлениями, развивать общие паттерны и сопровождать их реализацию вместе с разработкой.
От отдельных разделов —
к общему языку.
Главная, платежи, сервисы, связь с банком и профиль в исходной версии приложения.
Главная, платежи, витрина, поддержка и профиль. Каждый раздел отвечает за свой круг задач и использует общие принципы представления информации.
Баланс, счета и карты, задачи на сегодня, контрагенты и финансовая аналитика.
Входящие счета, платежи в работе, шаблоны и сценарии переводов.
Продукты и сервисы собраны по задачам бизнеса.
Менеджер, чат, заявки и контакты банка в одном разделе.
Настройки компании, пользователи, личные данные и безопасность.
Нажмите на экран, чтобы рассмотреть его в полном размере.
От истории —
к деталям платежа.
Детализация открывается шторкой поверх истории: пользователь сохраняет контекст и видит сумму, статус, назначение и реквизиты конкретной операции.
Набор действий зависит от операции. В исходных макетах показаны отправка квитанции, повтор платежа, ответный платёж и сохранение в шаблоны. Ниже можно посмотреть переход для трёх примеров.
Выберите пример — шторка поднимется поверх истории. Экран можно прокручивать. Закрытие — кнопкой «Назад к истории» или Escape.
Показана история операций.
От списка продуктов —
к управлению ими.
Общий список помогает найти нужный продукт и увидеть его состояние. На странице счёта или карты пользователь получает детали и действия, связанные именно с этим продуктом.
Общий список связывает карту с расчётным счётом и показывает её состояние: выпуск, доставка, блокировка или активация.
Сумма, ставка и дата завершения — в верхней части. Пополнение, оплата и реквизиты доступны сразу; условия и управление собраны ниже.
Баланс и сама карта задают контекст. Рядом — пополнение, реквизиты и блокировка; ниже — история, лимиты, уведомления и управление картой.
Единый подход
на разных уровнях.
Редизайн охватил основные разделы приложения и связанные сценарии: переход от корневой страницы к операции, от списка счетов и карт — к конкретному продукту.
Мой вклад включал проектирование, участие в исследованиях, обсуждение общих паттернов и дизайн-ревью с разработкой. В результате работа над отдельными экранами складывалась в согласованную систему решений.