logo-ashmanov
prev Предыдущий кейс next Следующий кейс

Банк Vesta

Редизайн и обновление интерфейса в соответствии с современными трендами с целью повышения конверсии и удобства использования сервиса
4
месяца срок реализации
проекта
10
специалистовнашей студии
на проекте
80
процентов прироста заявок
на открытие счета
user

О клиенте

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

О клиенте
targets

Цели и задачи

Цель проекта

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

Задача

  • Редизайн
  • Перенос сайта на другую CMS-систему
  • Интеграция с внутренними системами и сервисами банка
  • Тестирование, отладка и опытная эксплуатация реализованного проекта

Ранее в качестве решения для управления контентом сайта использовалась система CMS MODX. Обновленный ресурс был разработан на более гибком и удобном в использовании сервис — 1С-Битрикс. Вместе с командой банка мы выбрали Битрикс благодаря наличию интуитивно понятной административной панели и опции снижения рисков владения проектом.

Цели и задачи
user

Ключевые решения

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

В новой версии сайта верстка адаптируется под 4 основные точки излома и имеет графику, адаптированную под Retina-дисплеи, что помогло нам улучшить читаемость страниц.

Цветовые решения иконок

Мы использовали иконки в фирменной палитре клиента — красные и синие цвета позволили сделать блоки заметными и легко узнаваемыми.

icon
icon
icon
Ключевые решения
Технология дистанционной фиксации курса валют
technology

Технология дистанционной фиксации курса валют

На главной странице сайта мы разработали блок отображения курсов валют — специальный инструмент по фиксации курса.

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

Как это работает?
  • 1
    Клиент банка, находясь, например, на работе, может зафиксировать курс валют, установленный на текущий момент и время.
  • 2
    Клиент заходит на сайт, заполняет необходимые поля, получает уникальный код заявки, которая поступает из внутренней учетной системы банка.
  • 3
    Клиент приезжает в банк, вводит код, становится в электронную очередь и на зафиксированных условиях получает валюту.

Конечно, есть ограничения, как и у любой удобной услуги: зафиксировать курс можно не более двух раз в день и только на 3 часа.

Как это работает?
Виталий Арбузов, CEO INPRO.digital
Виталий Арбузов,
CEO INPRO.digital

Это довольно сложная интеграция по взаимодействию с внутренней учетной системой банка. Модуль блока курса валют расположен между бэкэндом и фронтендом, где фронтендом выступает сайт. Модуль написан на PHP, работает с REST API. Он запрашивает данные из внутренней банковской системы, где находятся все курсы. Можно сказать, что это сеансовый и транспортный слои абстракции в соответствии с сетевой моделью OSI.

img

Дизайн-концепция

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

page1 page2
+30 макетов разработано
security

Безопасность

Мы сделали проект, в котором соблюдаются высокие требования безопасности банка — это было одним из ключевых условий клиента.

Сайт как информационная подсистема изначально валиден требованиям безопасности и бесшовно встраивается во внутренний контур информационной безопасности, соответствует модели угроз и защитному контуру СЗПДн.

security
Цели и задачи
result

Результат

  • icon
    Был переработан дизайн основной коммуникационной площадки – сайта банка.
  • icon
    Сайт был запущен на 1С Bitrix – площадке, удобной для поддержки.
  • icon
    Была разработана единая система бесшовной интеграции с сервисами банка.
  • icon
    В рамках опытной эксплуатации фокус-группы было отлажено 98% багов.

Варианты реализации сайта

Посмотрите ДРУГИЕ РАБОТЫ
Банк «Соколовский»
Банк «Соколовский»
ФизАрт
ФизАрт Разработка фирменного стиля и посадочной страницы для нового бренда олимпийского чемпиона Семена Уделова
VESTA BANK
VESTA BANK Разработка сайта и калькулятора расчётов для пользователей
Время обсудить Ваш проект!
Мы считаем, что живой диалог и личные встречи позволят точно определить желания нашего Клиента и создать digital проект вашей мечты!