Редизайн интернет-банка Touch Bank

2019-02-24

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

Экран подтверждения перевода разделён на два столбца. В левом человек проверяет реквизиты перевода, в правом, система напоминает информацию о комиссии и сроке зачисления. Плашка с вводом СМС финализирует структуру страницы.

Когда перевод выполнен показывается только самая нужная информация. Все подробности по клику.

Структура раздела «Карты» чётко разбивается на два больших блока: всё что связано с балансом карты, бонусами, кредитами и историей операций. Первый блок визуально выделяется плашкой и в нём явно показывается внутренняя структура. Во втором блоке, в истории операций, структура основана на визуальном разделении расходов и приходов по датам. У каждой операции своя пиктограмма. А расходы и приходы чётко выделены цветами.

Принцип работы фильтров в истории операций.