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