VestaBank — специализированный банк для малого бизнеса. Специфика функционирования малого бизнеса и индивидуальных предпринимателей является основой для формирования набора услуг со стороны компании.
VestaBank — специализированный банк для малого бизнеса. Специфика функционирования малого бизнеса и индивидуальных предпринимателей является основой для формирования набора услуг со стороны компании.
Цель проекта
Создать красивый, удобный, интуитивно понятный клиентам банка интерфейс: увеличить конверсию по открытию счетов для ИП и самозанятых, разработать удобный и функциональный инструмент для фиксации курса валют, сделать использование приложения комфортным для пользователей мобильных устройств.
Задача
Ранее в качестве решения для управления контентом сайта использовалась система CMS MODX. Обновленный ресурс был разработан на более гибком и удобном в использовании сервис — 1С-Битрикс. Вместе с командой банка мы выбрали Битрикс благодаря наличию интуитивно понятной административной панели и опции снижения рисков владения проектом.
Прежний дизайн сайта не соответствовал современным трендам, что влияло и на конверсию и на удобство пользования. При разработке нового дизайна мы сфокусировались на популярном flat-дизайне. Нам удалось уйти от громоздких конструкций, сложных градиентов и стоковых изображений.
В новой версии сайта верстка адаптируется под 4 основные точки излома и имеет графику, адаптированную под Retina-дисплеи, что помогло нам улучшить читаемость страниц.
Цветовые решения иконок
Мы использовали иконки в фирменной палитре клиента — красные и синие цвета позволили сделать блоки заметными и легко узнаваемыми.
На главной странице сайта мы разработали блок отображения курсов валют — специальный инструмент по фиксации курса.
Принцип работы: при нажатии кнопки «зафиксировать курс» можно перейти в сервис дистанционной фиксации наличной валюты. Его можно «заморозить» на несколько часов, а потом подъехать в банк и выкупить по выгодной цене.
Такой подход — уникальный для финансового рынка как с точки зрения услуги, так и с точки зрения технического оснащения.
Конечно, есть ограничения, как и у любой удобной услуги: зафиксировать курс можно не более двух раз в день и только на 3 часа.
Это довольно сложная интеграция по взаимодействию с внутренней учетной системой банка. Модуль блока курса валют расположен между бэкэндом и фронтендом, где фронтендом выступает сайт. Модуль написан на PHP, работает с REST API. Он запрашивает данные из внутренней банковской системы, где находятся все курсы. Можно сказать, что это сеансовый и транспортный слои абстракции в соответствии с сетевой моделью OSI.
Было разработано несколько вариантов дизайна главной страницы. При разработке и согласовании новой дизайн-концепции важно было сохранить, с одной стороны, преемственность дизайна старого сайта и облегчить визуальное восприятие обновленной версии, с другой стороны. Задача непростая, но мы с ней справились и всего за 2 итерации смогли создать компромиссное решение, которое будет знакомо существующим клиентам и будет выглядеть привлекательно для новых.
Мы сделали проект, в котором соблюдаются высокие требования безопасности банка — это было одним из ключевых условий клиента.
Сайт как информационная подсистема изначально валиден требованиям безопасности и бесшовно встраивается во внутренний контур информационной безопасности, соответствует модели угроз и защитному контуру СЗПДн.
Вы работаете в компании пищевой промышленности?
Ознакомьтесь с нашими узкоспециализированными бизнес-решениями