Интерфейс финансового портала BTA Network

Задача

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

Решение

Были созданы максимально легкие страницы как в плане восприятия, так и в плане подгрузки изображений. Мы также тщательно спроектировали расположение всех полезных для пользователя блоков.

Страница авторизации на портале (главная)

После регистрации и входа в портал мы сразу попадаем на страницу, где вынесены самые часто используемые инструменты — просмотр счетов и работа с «быстрыми платежами». Кстати, было также придумано существенное улучшение «быстрых платежей» — в предыдущей версии приходилось каждый платеж оплачивать отдельно, вбивая каждый раз одно и то же кодовое слово, а мы сделали их действительно быстрыми, объединив их в единую форму (настраиваемую по желанию пользователя), через которую можно оплатить сразу все необходимые счета, приложив минимум усилий.

Первая внутренняя страница портала

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

И еще один удобный момент — это настраиваемый быстрый доступ, по сути являющийся аналогом Quick Launch в операционных системах. Это становится особенно актуальным когда количество разделов очень велико и постоянно продолжает расти.

Раздел просмотра выписки по счету

Процесс авторизации сопровождается наглядной шкалой подгрузки, появляющейся на месте введенных данных.

Выноски для обычного, предупреждающего и запрещающего сообщений

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

Да, кстати, мы также нарисовали для этого портала 60 пиктограмм.

Над проектом работали: 

Алексей Ли — управление проектом, дизайн

Виталий Ким — проектирование интерфейсов