Кабинет в разработке...

Клиент
Есть интерфейс, но он устарел визуально, людям неудобно им пользоваться, особенно с телефона. Нам нужен новый на основе существующего API. Мы посмотрели конкурентов, и написали что бы хотели изменить или добавить у себя, желательно без глобальных правок на бэке.

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

Основа
В основе конструкция, которая повторяется для всех экранов: слева меню, справа контентная часть, которая делится на постоянную и динамичную. Схожая структура сохраняется и для мобильной версии, в ней помогает ориентироваться аналогичная анимация:

Главный экран
Содержит таблицу последних счетов и статистику:

Счета
Счет можно искать поиском или отфильтровывать. В списке счетов, при наведении показываются доступные действия с этим счетом. При нажатии на счет, справа открывается информация:

Со смартфона:

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

Список адаптируется под разную ширину:

Операции
Это фактические движения денег (покупка, возврат, отмена) по счетам. В операциях такая же структура, как и счетах, сверху поиск и фильтры, снизу список:

QК-коды
Чтобы создавать и хранить QR-коды для приёма оплаты через СБП:

Чтобы ускорить реализацию проекта, использовали стандартный набор компонентов и адаптировали его для задач кабинета.