Создание дизайна интерфейса для банкинга «Актив-Банк»

Глубина интерфейса всего 2 уровня

Разработка интерфейсов

Клиент

«АКТИВ-БАНК» - это универсальный кредитно-финансовый банк, который предоставляет полный спектр финансовых услуг, как корпоративным клиентам, так и физическим лицам.

Цели разработки интерфейса сайта «Актив-Банк» для сенсорных экранов:

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

Выделены основные задачи работы над проектом:

аналитика возможностей банкинга для подготовки плана работ с его меню;
прототипирование заточенного под сенсорные дисплеи интерфейса;
проектирование структуры интерфейса, включающего не более 2 уровней;
создание дизайнерской концепции с учетом фирменного стиля заказчика;
разработка иконок (пиктограмм) для всех разделов будущего интерфейса;
оформление виджетов для каждой функции системы интернет-банкинга;
html-верстка интерфейса по нормам адаптивности под разные устройства;
проверка интерфейса на соответствие стандартам юзабилити UI/UX.

Итог создания дизайна для интерфейса интернет-банкинга в «Актив-Банк»:

Разработка интерфейсов банковских сайтов, в том числе кабинетов пользователя и удаленного управления счетом, является одной из «фишек» диджитал-агентства artARTERY (Киев). Но до недавних пор такая работа ограничивалась десктопными версиями подобных сервисов. Именно поэтому заказ от «Актив-Банк» на создание дизайна интерфейса, который ориентирован прежде всего на сенсорные дисплеи, стал новым вызовом для нашей команды.

В результате анализа возможностей сервиса интернет-банкинга «Актив-Банк» мы подготовили пакет предложений по проектированию структуры интерфейса. Упор при его разработке мы сделали на минималистичность и простоту использования онлайн-банкинга на сенсорных экранах, поэтому глубина меню составила всего 2 уровня. С учетом гибкости настроек виджетов для каждой функции системы легко настроить банкинг под свои задачи и вывести на одной странице всю нужную для конкретного пользователя информацию: данные по счетам, баланс, курсы валют, календарь с историей операций, поиск по базе данных и еще многое другое.

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

Дополнительные работы для клиента: