Разработка интернет-банкинга BelVEB24 для частных клиентов Банка БелВЕБ

Банк БелВЕБ является одним из крупнейших корпоративных банков Республики Беларусь. В 2017 году перед департаментом перспективного развития поставили непростую задачу — в течение 6 месяцев обновить устаревшую версию. Старая версия обладала ограниченным функционалом и не могла обеспечить приемлемый уровень комфорта при использовании мобильных устройств или монитор HD разрешения.

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

Ниже приведены несколько стартовых концепций визуального оформления дизайна BelVEB24

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

METRO user interface интернет банкинга БелВЕБ.  

Основные элементы интерфейса выполнены в корпоративных цветах банка и сразу представлены на начальном экране браузера. Традиционно интернет-банкинг должен предоставить пользователю возможность сразу взаимодействовать со своими карточками, плюс использовать функции банка (Открыть счет, Оформить карточку, Оформить кредит, Открыть депозит).

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

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

Интернет-банк реализован в парадигме Saas приложения, вся информация один раз передается в клиент пользователя, далее JavaScript подставляет на экран элементы интерфейса без перезагрузки страницы. Обмен данными с процессингом банка происходит в реальном времени через разработанный REST api.

Работа со счетами и депозитами в интернет-банке БелВЕБ.

Мы поставили себе амбициозную задачу — постепенно развивая функционал интернет-банка, сделать максимально возможное количество дистанционных операций. Пользователь при желании должен на 100% использовать весь функционал через интернет; данный подход позволяет значительно снизить нагрузку на РКО и отделения банка.

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

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

Функционал системы интернет-банка БелВЕБ

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

Далее мы разработали персональный финансовый менеджер для пользователей банка. В процессинге банка хранится история ваших транзакций; если разбить всю историю по датам и классифицировать ее, мы можем построить круговые диаграммы по каждой валюте.
Платежи классифицируются по классам (продукты, рестораны, покупки и.т.д.). Система может работать со всеми вашими карточками и с тремя валютами, учитывая полностью и доходы, и расходы.

Регистрация в Системе Межбанковской Идентификации МСИ

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

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

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

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

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

Версия интернет-банкинга для людей с проблемами зрения

Важным требованием для банка была версия сайта для слабовидящих людей. Необходимо было разработать такой визуальный шаблон, который позволяет создать контраст между текстом и элементами интерфейса. Хорошим решениям этой задачи является реализация белых элементов на черном фоне, или черных элементов на белом. Это позволило создать два подходящих варианта исполнения интерфейсов и решило задачу. Также в системе реализована возможность изменять размер шрифта текста для удобства пользователей.

Результатом нашей совместной работы стали высокие оценки от профильных порталов страны. Infobank в проекте пользовательский опыт поставил 103 балла розничному банку, что сделало банк БелВеб №2 с стране по количеству реализованных функций и сервисов, а главное все сервисы работают в полном объеме и без замечаний от судей.