Личный кабинет интернет-эквайринга банка «Санкт-Петербург»
Кабинет в разработке...

Проанализировали существующий интерфейс. Нашли функции, которыми не пользуются клиенты банка и которые технически уже давно не поддерживаются. Упростили терминологию и логику навигации. Собрали пожелание клиента о новой функциональности, ограничениях, и спроектировали новый интерфейс.
Основа
В основе конструкция, которая повторяется для всех экранов: слева меню, справа контентная часть, которая делится на постоянную и динамичную. Схожая структура сохраняется и для мобильной версии, в ней помогает ориентироваться аналогичная анимация:
Главный экран
Содержит таблицу последних счетов и статистику:
Счета
Счет можно искать поиском или отфильтровывать. В списке счетов, при наведении показываются доступные действия с этим счетом. При нажатии на счет, справа открывается информация:
Со смартфона:
При создании или редактировании счета, так же справа открывается форма на темном фоне. Чтобы пользователю было проще привыкнуть к расположению блоков и функциональности, такой патерн повторяется во всем интерфейсе:
Список адаптируется под разную ширину:
Операции
Это фактические движения денег (покупка, возврат, отмена) по счетам. В операциях такая же структура, как и счетах, сверху поиск и фильтры, снизу список:
QК-коды
Чтобы создавать и хранить QR-коды для приёма оплаты через СБП:
Отчеты, сервисные заявки и пользователи:
Чтобы ускорить реализацию проекта, использовали стандартный набор компонентов и адаптировали его для задач кабинета.
Виталий Шалетри — дизайнер
Ипол — разработчики