Новый сайт банка «Возрождение»
Вернуться к списку
О Заказчике
Банк «Возрождение» — крупный банк с хорошо развитой сетью подразделений, является одним из ведущих российских финансовых институтов. Более двадцати лет входит в топ-40 крупнейших банков России. Клиентами банка являются более 1,2 млн частных лиц и свыше 50 тыс. компаний. Банк предлагает широкую линейку продуктов и услуг, в том числе депозиты, различные виды корпоративного финансирования, ипотечное и потребительское кредитование, обслуживание банковских карт, расчетные операции и многое другое. Воспользоваться услугами банка «Возрождение» можно не только в офисах продаж, но и с помощью дистанционных каналов обслуживания, таких как мобильный и интернет-банки.
О проектеБанк «Возрождение» — крупный банк с хорошо развитой сетью подразделений, является одним из ведущих российских финансовых институтов. Более двадцати лет входит в топ-40 крупнейших банков России. Клиентами банка являются более 1,2 млн частных лиц и свыше 50 тыс. компаний. Банк предлагает широкую линейку продуктов и услуг, в том числе депозиты, различные виды корпоративного финансирования, ипотечное и потребительское кредитование, обслуживание банковских карт, расчетные операции и многое другое. Воспользоваться услугами банка «Возрождение» можно не только в офисах продаж, но и с помощью дистанционных каналов обслуживания, таких как мобильный и интернет-банки.
Одна из приоритетных задач банка «Возрождение» — цифровая трансформация клиентского сервиса и планомерное выстраивание долгосрочных отношений с клиентами разных категорий, социальных и возрастных групп. Следуя этой цели, специалисты AIC+QSOFT совместно с представителями банка провели комплексный аудит предыдущей версии сайта, выявили проблемы, разработали дополнительный пользовательский функционал. Особое внимание было уделено юзабилити ресурса и эффективности взаимодействия пользователей с ключевыми продуктами банка.
На каждом из этапов проекта представители Альянса AIC+QSOFT активно взаимодействовали с командой банка. Так, на подготовительном этапе совместными усилиями был проведен глубокий анализ логики взаимодействия пользователей с будущим сайтом. Аналитическая работа помогла выбрать оптимальный способ представления контента и, как результат, повысить посещаемость сайта и конверсию. Было решено отказаться от традиционной концепции банковского сайта — так называемой, «информационной доски» — и уделить больше внимания удобным сервисам для пользователей.
Перед командой исполнителей стояла задача обеспечить цифровую трансформацию клиентского сервиса за счет автоматизации расчета процентов по вкладам, кредитам и кэшбэку. Также было необходимо предоставить клиентам возможность мгновенно оставить заявку на кредит на сайте или в мобильном приложении, облегчить поиск интересующего продукта и, как результат, повысить Conversion Rate.
Проект был реализован в рекордные сроки. В августе 2018 года мы приступили к редизайну, который завершили с небольшими доработками уже в марте 2019. В апреле 2019 стартовал этап более крупных доработок. Активная фаза реализации этих изменений закончилась в августе 2019 года.
В настоящее время наша команда совместно с представителями банка ведет работу по улучшению юзабилити сайта и внедрению новых сервисов и возможностей для пользователей. Многолетний опыт проектирования UI/UX-интерфейсов и серьезная техническая экспертиза AIC+QSOFT позволяют успешно реализовывать самые сложные решения.
Цели и задачи проекта
- Обеспечить регулярный приток новых клиентов в Банк, повысить LTV текущих клиентов, увеличить уровень конверсии и средний чек, снизить отток пользователей, повысить Retention и NPS.
- Увеличить скорость обработки заявок, повысить качество клиентских услуг. Облегчить процесс администрирования, сбора, хранения и обработки данных о пользователях.
- Перенести сайт на платформу 1С-Битрикс. Расширить его функционал и добавить необходимые сервисы для клиентов.
- Обеспечить персонифицированный опыт взаимодействия с пользователями в рамках цифровой трансформации сервиса.
Главная страница сайта
На сайте реализован геозависимый контент: выбрав интересующий город на главной странице, пользователь получает доступ к региональной информации. Адреса офисов и банкоматов, перечень продуктов и их условий, курсы валют, новости и события, информационные сообщения будут выводиться для указанного региона. Актуальные курсы ва
Калькуляторылют отображаются в режиме реального времени.
Интеграция с сервисом DaData.ru позволила облегчить для пользователей процесс заполнения форм при вводе адреса, ФИО, паспортных данных, сведений о компании. Сервис автоматически исправляет ошибки, помогает сэкономить время при заполнении форм, исключить вероятность неточностей и опечаток.
Реализованная интеграция позволяет банку автоматически выполнять проверку адресов на их точность, полноту и корректность. Также сервис автоматически “подтягивает” в форму такие данные, как индекс, страна, город, республика, край и т. п.
Главное меню сайта содержит названия ключевых разделов и обеспечивает клиентам простую и понятную навигацию. Основываясь на поведении пользователей, в QSOFT предусмотрели инструменты для максимально простого доступа к информации: любой продукт можно найти всего в 3 клика. Путь пользователя по сайту отображается в цепочке навигации, которая располагается над заголовками страниц. Решение позволяет посетителю при необходимости мгновенно вернуться на страницу подраздела.
Новая версия сайта адаптирована под все основные типы браузеров и мобильных устройств.
В QSOFT разработали динамические калькуляторы для кредитов, вкладов, ипотек, карт с кэшбэком. Теперь пользователь может моментально получать результаты расчета, передвигая ползунки и меняя параметры. Для каждого из продуктовых калькуляторов предусмотрено несколько различных логик расчетов.
Приветственные версии калькуляторов дополнены подробными подсказками и рекомендациями, которые заметно облегчают расчет кэшбэка новому клиенту. Всплывающие подсказки с информацией о выгодах и лимитах также размещаются на полях. Например, они появляются, если при установке параметров расчета пользователь превысил возможный размер кэшбэка по определенной категории.
Дополнительно мы создали новый калькулятор для расчета льготного периода по картам. Функциональность автоматически определяет текущую дату и месяц и рассчитывает, сколько дней беспроцентного погашения кредита осталось у пользователя. Реализованная возможность позволяет клиентам планировать крупные покупки, просматривать информацию о датах погашения кредитов, эффективно распределять финансы. Командой QSOFT были также разработаны и валютные калькуляторы с аналогичными возможностями расчетов.
В итоговую форму расчета интегрировали форму обратного звонка, чтобы клиент мог получить расширенную консультацию по интересующему продукту на основании заданных параметров.
Разработчики QSOFT реализовали возможность детальной настройки калькуляторов не только на сайте, но и в блоках посадочных страниц. Настраиваются абсолютно все параметры: названия, суммы, даты, зависимости и прочие переменные. После завершения работ банк «Возрождение» получил не просто
Калькуляторылют отображаются в режиме реального времени.
Интеграция с сервисом DaData.ru позволила облегчить для пользователей процесс заполнения форм при вводе адреса, ФИО, паспортных данных, сведений о компании. Сервис автоматически исправляет ошибки, помогает сэкономить время при заполнении форм, исключить вероятность неточностей и опечаток.
Реализованная интеграция позволяет банку автоматически выполнять проверку адресов на их точность, полноту и корректность. Также сервис автоматически “подтягивает” в форму такие данные, как индекс, страна, город, республика, край и т. п.
Главное меню сайта содержит названия ключевых разделов и обеспечивает клиентам простую и понятную навигацию. Основываясь на поведении пользователей, в QSOFT предусмотрели инструменты для максимально простого доступа к информации: любой продукт можно найти всего в 3 клика. Путь пользователя по сайту отображается в цепочке навигации, которая располагается над заголовками страниц. Решение позволяет посетителю при необходимости мгновенно вернуться на страницу подраздела.
Новая версия сайта адаптирована под все основные типы браузеров и мобильных устройств.
В QSOFT разработали динамические калькуляторы для кредитов, вкладов, ипотек, карт с кэшбэком. Теперь пользователь может моментально получать результаты расчета, передвигая ползунки и меняя параметры. Для каждого из продуктовых калькуляторов предусмотрено несколько различных логик расчетов.
Приветственные версии калькуляторов дополнены подробными подсказками и рекомендациями, которые заметно облегчают расчет кэшбэка новому клиенту. Всплывающие подсказки с информацией о выгодах и лимитах также размещаются на полях. Например, они появляются, если при установке параметров расчета пользователь превысил возможный размер кэшбэка по определенной категории.
Дополнительно мы создали новый калькулятор для расчета льготного периода по картам. Функциональность автоматически определяет текущую дату и месяц и рассчитывает, сколько дней беспроцентного погашения кредита осталось у пользователя. Реализованная возможность позволяет клиентам планировать крупные покупки, просматривать информацию о датах погашения кредитов, эффективно распределять финансы. Командой QSOFT были также разработаны и валютные калькуляторы с аналогичными возможностями расчетов.
В итоговую форму расчета интегрировали форму обратного звонка, чтобы клиент мог получить расширенную консультацию по интересующему продукту на основании заданных параметров.
Разработчики QSOFT реализовали возможность детальной настройки калькуляторов не только на сайте, но и в блоках посадочных страниц. Настраиваются абсолютно все параметры: названия, суммы, даты, зависимости и прочие переменные. После завершения работ банк «Возрождение» получил не просто
готовый шаблон калькулятора, а настраиваемый и простой в управлении функционал. Решение позволило добиться комплексной автоматизации взаимодействия с клиентами.
Страница «Все карты»
Альянсом AIC+QSOFT была полностью переработана страница, где представлены все виды карт банка «Возрождение», добавив удобную навигацию. Информация по каждой оформлена в виде слайдера. Переключаясь внутри него, пользователь может выбрать дизайн карты, увидеть ее название, маркетинговое описание, ознакомиться с актуальными предложениями банка по интересующему продукту.
Адаптивный дизайн страницы обеспечивает ее корректное отображение на всех типах пользовательских устройств.
Страница «Все карты»
Альянсом AIC+QSOFT была полностью переработана страница, где представлены все виды карт банка «Возрождение», добавив удобную навигацию. Информация по каждой оформлена в виде слайдера. Переключаясь внутри него, пользователь может выбрать дизайн карты, увидеть ее название, маркетинговое описание, ознакомиться с актуальными предложениями банка по интересующему продукту.
Адаптивный дизайн страницы обеспечивает ее корректное отображение на всех типах пользовательских устройств.
Страница преимуществ карты
Также командами AIC и QSOFT была существенно переработана страница преимуществ карты. Мы полностью переделали ее дизайн и верстку. Теперь пользователь может без труда подобрать продукт под свои потребности и получить информацию о ключевых выгодах в удобном визуальном формате. Работу со страницей преимуществ карты разделили на 2 этапа: создание и запуск редизайна и внесение доработок.
Финальная версия страницы получила удобный слайдер, с помощью которого пользователь может выбрать индивидуальный дизайн карты. Здесь же клиенты могут оставлять заявки на оформление карт. В специальном слайдере можно увидеть актуальность спецпредложений, которые доступны для конкретного вида карт.
«Кабинет партнера»
Отдельного внимания заслуживает «Кабинет партнера», который разработали специально для риэлторов. Здесь партнеры банка могут оставлять заявки на ипотечные продукты. Заявки распределяются по городам и регионам, менеджеры банка могут присваивать им различные статусы для дальнейшей обработки.
«Кабинет партнера» — удобный и функциональный инструмент не только для риэлторов, но для менеджеров банка по всей России. Не все сотрудники банка получают доступ к основной Панели Администратора. Специально для таких категорий сотрудников был разработан отдельный интерфейс, с помощью которого они могут осуществлять эффективное взаимодействие с риэлторами. В форме удобного чата можно ответить на запрос партнера, сообщить об изменении статуса заявки, запросить или отправить необходимые документы.
Чтобы облегчить процесс обработки заявки менеджером банка, разработчиками QSOFT была создана удобная адаптивная таблица с динамическими фильтрами, работать с которой удобно с любого устройства. В том числе, и с мобильных.
Инструмент облегчает работу с партнерами по всей России. Работать с таблицей может как партнер, так и менеджер банка на своей стороне. Заявки можно отсортировать по дате, региону, запросу и т. д. Неактуальные заявки можно отправлять в архив. Применение динамических фильтров в таблице позволяет исключить из видимости второстепенные поля и облегчить поиск нужной информации.
Функциональность«Кабинет партнера» — удобный и функциональный инструмент не только для риэлторов, но для менеджеров банка по всей России. Не все сотрудники банка получают доступ к основной Панели Администратора. Специально для таких категорий сотрудников был разработан отдельный интерфейс, с помощью которого они могут осуществлять эффективное взаимодействие с риэлторами. В форме удобного чата можно ответить на запрос партнера, сообщить об изменении статуса заявки, запросить или отправить необходимые документы.
Чтобы облегчить процесс обработки заявки менеджером банка, разработчиками QSOFT была создана удобная адаптивная таблица с динамическими фильтрами, работать с которой удобно с любого устройства. В том числе, и с мобильных.
Инструмент облегчает работу с партнерами по всей России. Работать с таблицей может как партнер, так и менеджер банка на своей стороне. Заявки можно отсортировать по дате, региону, запросу и т. д. Неактуальные заявки можно отправлять в архив. Применение динамических фильтров в таблице позволяет исключить из видимости второстепенные поля и облегчить поиск нужной информации.
1. Динамические фильтры. В каждом продуктовом разделе: «Ипотеки», «Кредиты», «Карты», «Вклады», «Счета» — мы реализовали удобные динамические фильтры по значениям: «срок», «сумма», «сегмент». Это позволяет клиенту мгновенно получать результаты поиска, актуальные именно для него, видеть персонализированные предложения по кредитованию и вкладам. Данные о пользователе подтягиваются в формы автоматически.
Возможности функционала позволяют не только отфильтровать продукты по выбранным условиям, но и рассчитать параметры по продукту. Например, процент ставки и сумму ежемесячного платежа по кредиту.
2. Конструктор лендинговых страниц. Банк «Возрождение» уделяет внимание дизайну и функциональности посадочных страниц, ведь именно туда переходят пользователи из рекламных сообщений. Командой QSOFT был разработан удобный конструктор лендинговых страниц, который позволил заметно увеличить объем входящих заявок и усовершенствовать опыт пользователей, обеспечивая им возможность быстрого и удобного расчета по интересующему продукту банка. Функционал был реализован с использованием конструктора «Сайты 24». Однако блоки, предусмотренные в модуле, подверглись существенной переработке. Наши специалисты создали целый ряд самописных блоков. И сегодня все масштабные рекламные кампании банка реализуются с помощью лендингов, техническое решение для которых обеспечили разработчики QSOFT. Функционал страниц позволяет легко менять тексты, фон, изображения, добавлять готовые блоки и встраивать в них калькуляторы. Посадочные страницы адаптированы под все устройства пользователей: ноутбуки и ПК, смартфоны и планшеты.
Трафик из всех рекламных кампаний перенаправляется на посадочные страницы, а обращения клиентов автоматически попадают в CRM банка. Информация обо всех переходах, действиях и заявках пользователей фиксируется при помощи UTM-меток. Это позволяет накапливать хранить максимально полные данные о пользователях и их действиях на странице, анализировать их впоследствии и делать персонализированные предложения клиентам. Результатом внедрения конструктора лендинговых страниц стал рост коэффициента закрытия лидов. Удалось добиться оптимизации стоимости клика.
3. Сегментация контента. Мы адаптировали контент на сайте под каждую категорию клиентов: частные лица, корпоративные клиенты, малый бизнес, финансовые институты, акционеры и инвесторы. Дополнительно мы выделили специальные категории среди частных лиц, для которых у банка есть особые предложения: новые клиенты, пенсионеры, участники зарплатного проекта, сотрудники бюджетных предприятий. Расчеты по каждому продукту учитывают особенности каждой целевой аудитории. Подход помог увеличить уровень конверсии на сайте и обеспечил рост среднего чека.
Облако тегов, расположенное в левой части главной страницы “Все новости”, позволяет посетителю в любой момент осуществить выборку новостей. Клиенты банка стали чаще возвращаться на сайт, чтобы получить необходимую информацию.
Возможности функционала позволяют не только отфильтровать продукты по выбранным условиям, но и рассчитать параметры по продукту. Например, процент ставки и сумму ежемесячного платежа по кредиту.
2. Конструктор лендинговых страниц. Банк «Возрождение» уделяет внимание дизайну и функциональности посадочных страниц, ведь именно туда переходят пользователи из рекламных сообщений. Командой QSOFT был разработан удобный конструктор лендинговых страниц, который позволил заметно увеличить объем входящих заявок и усовершенствовать опыт пользователей, обеспечивая им возможность быстрого и удобного расчета по интересующему продукту банка. Функционал был реализован с использованием конструктора «Сайты 24». Однако блоки, предусмотренные в модуле, подверглись существенной переработке. Наши специалисты создали целый ряд самописных блоков. И сегодня все масштабные рекламные кампании банка реализуются с помощью лендингов, техническое решение для которых обеспечили разработчики QSOFT. Функционал страниц позволяет легко менять тексты, фон, изображения, добавлять готовые блоки и встраивать в них калькуляторы. Посадочные страницы адаптированы под все устройства пользователей: ноутбуки и ПК, смартфоны и планшеты.
Трафик из всех рекламных кампаний перенаправляется на посадочные страницы, а обращения клиентов автоматически попадают в CRM банка. Информация обо всех переходах, действиях и заявках пользователей фиксируется при помощи UTM-меток. Это позволяет накапливать хранить максимально полные данные о пользователях и их действиях на странице, анализировать их впоследствии и делать персонализированные предложения клиентам. Результатом внедрения конструктора лендинговых страниц стал рост коэффициента закрытия лидов. Удалось добиться оптимизации стоимости клика.
3. Сегментация контента. Мы адаптировали контент на сайте под каждую категорию клиентов: частные лица, корпоративные клиенты, малый бизнес, финансовые институты, акционеры и инвесторы. Дополнительно мы выделили специальные категории среди частных лиц, для которых у банка есть особые предложения: новые клиенты, пенсионеры, участники зарплатного проекта, сотрудники бюджетных предприятий. Расчеты по каждому продукту учитывают особенности каждой целевой аудитории. Подход помог увеличить уровень конверсии на сайте и обеспечил рост среднего чека.
Облако тегов, расположенное в левой части главной страницы “Все новости”, позволяет посетителю в любой момент осуществить выборку новостей. Клиенты банка стали чаще возвращаться на сайт, чтобы получить необходимую информацию.
Интеграции
1. Интеграция с КриптоПро. Криптографические утилиты все активнее используются для генерации электронной подписи и работы с сертификатами. Не стал исключением и банк «Возрождение». На сайте есть личный кабинет пользователя. При переходе из него по ссылке клиент попадает на страницу КриптоПро. Программа защищает информацию через шифрование и создание электронных подписей. На странице осуществляется проверка подлинности сертификата клиента в системе Заказчика и проверка сертификата через подпись клиентом. Затем пользователю предлагается подписать Лицензионное Соглашение. В случае успешного подписания за пользователем закрепляется лицензия, и он получает возможность скачать дистрибутив.
Изначально предполагалось реализовать интеграцию с КриптоПро на серверной стороне. Однако в последствии приняли решение сделать интеграцию через КриптоПро ЭЦП Browser plug-in.
2. Интеграция с hh.ru. На сайте банка «Возрождение» размещается информация не только для клиентов, но и для будущих сотрудников. Информация обо всех актуальных вакансиях доступна в разделе: https://www.vbank.ru/career/. Чтобы обеспечить актуальность информации и оптимизировать работу по подбору персонала, для раздела «Вакансии» реализована интеграция с сервисом поиска работы hh.ru через API. Вакансии, опубликованные менеджерами банка через личный кабинет на сайте hh.ru, полностью дублируются в соответствующем разделе. Из этого перечня формируется актуальный список вакантных должностей. Предусмотрен категоризатор по отраслям и городам. При изменении данных о вакансии на hh.ru, информация на портале обновляется при помощи скрипта QSOFT. Отклики от соискателей также собираются автоматически. Файлы, загруженные пользователями в форму отклика на вакансию, проходят проверку. В случае ошибки система просит пользователя приложить документы повторно. Отклики на автоматически направляются в почту рекрутера.
3. Интеграция с Google Maps. Командой QSOFT был разработан редизайн географической карты в разделе «Офисы и банкоматы», реализована интеграция с Google Maps. В зависимости от геопозиции пользователя, ему автоматически показываются ближайшие адреса банкоматов и отделений банка с подробными адресами. Если пользователя интересует информация о филиалах банка в другом городе, местоположение на карте можно задать вручную. Также доступен фильтр по услугам и времени работы отделений банка.
Карта метро, реализованная для Москвы, позволяет отыскать банкомат или отделение, расположенное рядом с ближайшей к пользователю станцией.
Ключевые факты
- Персонализация пользовательского опыта: геозависимый контент, сегментация контента под разные группы пользователей.
- Повышение юзабилити сайта: доступ к любому разделу в 3 клика.
- Улучшение ключевых метрик: запуск обновленной версии сайта позволил увеличить средний чек, Conversion Rate, RPR, ROMI, Retention, NPS.
- Цифровая трансформация клиентского сервиса: динамические фильтры, персонализированные расчеты, адресные предложения.