Разработка корпоративного сайта банка «Хлынов»

«Хлынов» — универсальный банк с 34-летней историей и широким спектром услуг для частных лиц и бизнеса.

Разработать новый корпоративный сайт банка «Хлынов» в формате технологически удобного и современного финансового сервиса для действующих и новых клиентов банка.

Разбили задачу на несколько:

• Создать дизайн-систему, располагающую к совершению ключевых действий;
• Изучить и улучшить пользовательский опыт;
• Привести аналитические системы к соответствию современным требованиям;
• Внедрить возможность отдельно работать с видом и содержанием форм заявок, анкет;
• Создать доступную распространенную систему администрирования и минимизировать трудозатраты на администрирование сайта;
• Сократить временные затраты на внедрение сервисов и нового функционала на сайт;
• Реализовать возможность участия сразу нескольких разработчиков.
• В процессе работы ориентиром служили три обязательных пункта:
• Соответствие требованиям законодательства и постановлениям ЦБ РФ;
• Соблюдение требований по информационной безопасности;
• Современный подход к дизайну и верстке.

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

Особенности нового сайта:

• дизайн-система
• конструктор страниц
• функционал для составления форм и заявок
• обновленные калькуляторы
• аналитика посетителей
• система сигнализации о серверных ошибках
• минимизация простоя и бесперебойный доступ к услугам и ресурсам

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

Совместно с командой банка разработали порядка 60 прототипов и составили более 20 пользовательских путей.

Увеличили количество путей до с 4 до 7 и упростили самый короткий путь.

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

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

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

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

Мы выбираем системный подход, поэтому разработали дизайн-систему, где учли все результаты наших исследований. Основные профиты:

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

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

Для доступного администрирования сайта модифицировали конструктор страниц на базе Сайты24, где использовали нашу дизайн-систему и внедрили весь этот функционал в админпанель на 1С-Битрикс:

• сократили время на внедрение новых продуктов и редактирование данных;
• унифицировали дизайн на сайте за счет готовых компонентов;
• расширили ряд задач, которые менеджеры могут выполнить без участия разработчика.
• добавили функцию A/B-тестирования.

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

На сайте настроено много и внешних API, например Госуслуги, dadata, SMS.

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

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

Помимо этого внедрили мониторинг доступности и защиту при падениях за счет написанных нами логгеров.

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

27 встреч и конференций

>50 часов видеозаписей

30 банков и финтех стартапов изучено в процессе бенчмаркинга

>60 прототипов

>20 пользовательских путей

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