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

Декабрь 2023
1С-Битрикс: Бизнес

Клиент

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

Задача

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

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

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

Решение

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


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

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

Проектирование. Аналитика

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

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

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

Разработка

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

Сбор контента и новый формат инфоблоков

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

Тестовый запуск

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

Боевой запуск

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

Дизайн-система

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

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

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

Конструктор страниц

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

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

Формы и заявки

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

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

Упростили расчеты

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

Система контроля версий

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

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

Команда

«Инфинити»

  • арт-директор
  • аккаунт-менеджер
  • 2 проджект-менеджера
  • 3 дизайнера
  • 3 front-end-разработчика
  • 3 back-end-разработчика
  • 2 тестировщика

Банк «Хлынов»

  • проект-менеджер
  • devOps-инженер

Результат

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

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

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

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

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

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

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

Отзывы о проекте

Михаил Посаженников
начальник Управления по маркетингу банка «Хлынов»
— Мы рады, что смогли стать партнерами с «Инфинити». Профессионализм команды и тесное взаимодействие позволили нам достигнуть поставленных целей даже с учетом меняющихся обстоятельств как во внешней среде, так и внутри банка. Вместе мы провели масштабную аналитическую работу на подготовительном этапе, что позволило создать уникальные решения, которые полностью соответствуют нашим ожиданиям и требованиям.Особое внимание заслуживает видение агентства и разработанный кастомный функционал. Один из ярких примеров — конструктор страниц, который значительно облегчил процесс администрирования нашего сервиса. Создана дизайн-система, продуманы пользовательские пути и еще ряд значительных изменений, при внедрении которых соблюдены все требования безопасности, законодательства и постановлений ЦБ РФ.Мы продолжаем работать с «Инфинити» не только на уровне поддержки сайта, но и на уровне развития клиентской части и администрирования.
Михаил
арт-директор
— Мы полностью довольны процессом разработки и уровнем погружения команды клиента. От первой встречи до тестового запуска прошло 6 месяцев, за которые мы смогли глубоко вникнуть в банковскую отрасль, спроектировать и реализовать современный сайт банка. Агентство получило бесценный опыт в организации работы над таким крупным проектом — от взаимодействия с бизнесами клиента до синхронизации внутренних команд разработки. Благодарим команду клиента за глубокое вовлечение в процесс, понимание процессов разработки и профессионализм в своей сфере. В результате мы сделали удобный инструмент продаж с продуманным UX, который решает поставленные бизнес-задачи клиента. Продолжаем поддерживать сайт в рамках сопровождения, постоянно добавляя новые функции и развивать существующий функционал.

— Есть похожая задача?

Все проекты
2023
Банк «Хлынов»
Разработка нового сайта для банка
LDFA Latin Dance Fitness Alliance
Новый сайт для сообщества сертифицированных инструкторов и поклонников танцевальных фитнес-программ
2022
Интернет-магазин Тайпит Мебель
Новый сайт с функционалом коллекций
Квартиры ССК
Мобильное приложение для покупателей квартир Кировского ССК
Вайгач
Интернет-магазин товаров для строительства и ремонта
АО «Горэлектросеть»
Портал дистанционного обслуживания и интернет-приемной
Ваши Террасы
Строительство и остекление террас, веранд и зимних садов
Банк Хлынов - Электронная очередь
Проект для онлайн-записи в отделение банка
Инеск
Сайт-каталог для завода электрооборудования
Авитек
Корпоративный сайт одного из крупнейших машиностроительных предприятий России
2021
Экспосистема
Сайт и личный кабинет с 3D-конструктором для девелопера выставочных стендов
Бергамо
Интернет-магазин бренда женской одежды
Русинерт
Корпоративный сайт с каталогом для управляющей компании карьеров по добыче и переработке нерудных материалов
GG
Мультиязычный сайт для оптовой продажи мясных субпродуктов
Аспект СПб
Корпоративный сайт с каталогом для компании по созданию информационной и инженерной инфраструктуры зданий и сооружений
Кедр
Сайт-каталог проектов деревянных домов
Дом отделочных материалов
Интернет-магазин стройматериалов для оптовых клиентов
Кибет
Крупный интернет-магазин сувениров и товаров для дома
Coincoll.com — Монеты и коллекции
Сайт для нумизматов с подробной информацией об огромном количестве монет.
Банк Хлынов — Деловые решения
Маркетплейс услуг для бизнеса от Банка Хлынов.
2020
ИД Партнер
Перенос сайта на Битрикс. Бухгалтерское обслуживание.
Fortis Group
Доработка дизайна сайта, адаптивная версия. Правовое сопровождение юридических лиц.
Дом Форест
Корпоративный сайт, каталог проектов. Строительство и проектирование домов из бруса.
Православный приход церкви в честь иконы Божией Матери «Всех скорбящих Радость»
Создание раздела заказа треб.
Приход великомученика и целителя Пантелеимона г.Кирова
Создание раздела заказа треб.
Фармаклик
Доработка дизайна готового решения. Медицинские товары.
Винтал
Лендинг. Производство и продажа окон и фурнитуры.
Спектрум
Переработка дизайна интернет-магазина. Мебель для ванных комнат.
Радиосейл
Переработка дизайна интернет-магазина. Оборудование для радиосвязи и автомобильной электроники.
ЗАО «Кристалл»
Сайт для оптовых покупателей. Электротовары.
«MBA-Diplom» Помощь в написании дипломов
Перенос сайта на готовое решение Аспро: Корпоративный сайт современной компании.
ООО «Форест» Интернет-магазин
Создание сайта. Производство пиломатериалов и домокомплектов.
Свято-Успенский кафедральный собор Трифонова мужского монастыря г. Кирова
Создание раздела заказа треб.
«Baies» Доставка свежих ягод и грибов
Каталог на готовом решении.
«Зумба» — магазин одежды
Внедрение авторизации через sms и Viber, редизайн оформления заказа.
«Технополис». Магазин электронной техники и гаджетов в Кирове
Интернет-магазин на готовом решении Аспро: Максимум.
Аэропорт «Победилово»
Создание корпоративного сайта для аэропорта г. Кирова.
Специализированная. компания-застройщик «ПС Недвижимость»
Доработка сайта для размещения нескольких объектов недвижимости.
Средняя общеобразовательная школа №27 г. Кирова с углубленным изучением отдельных предметов
Сайт на готовом решении Мибок: Сайт школы.
2019
СпейсТим
Лендинг. Сертифицированная система видеонаблюдения на транспорте
Сиберия
Интеграция интернет-магазина с 1С-Битрикс. Продажа дистилляторов.
Жестяные изделия
Адаптивная версия сайта. Жестяные изделия оптом и в розницу от производителя.
Системы Полива
Интернет-магазин. Верстка и интеграция сайта. Гипермаркет оборудования и систем для полива.
ООО «ЖБИ Профстрой»
Сайт-каталог. Производство и поставка железобетонных изделий для жилищного и коммерческого строительства.
Форест
Лендинг. Продажа профилированного бруса.
НТЦ Лифт
Лендинг на основе Битрикс24.Сайты. Оценка соответствия лифтов требованиям безопасности
UCC
Корпоративный сайт. Верстка и интеграция на 1С-Битрикс. Организация и освещение кибертурниров, комплексные рекламные интеграции в киберспорте.
АО «Кировский ССК»
Корпоративный сайт. Жилой дом премиум-класса.
Компания «Alvadoor»
Интернет-магазин на основе Битрикс24.Сайты. Изготовление и продажа входных, технических, противопожарных дверей. Порошковая окраска.
Муниципальное унитарное предприятие «Кировские тепловые сети»http://mupkts43.ru/
Корпоративный сайт на готовом решении. Теплоснабжающая организация.
ООО «Лаборатория 100»
Корпоративный сайт. Испытательный лабораторный центр. Выполнение требований санитарного, природоохранного и трудового законодательства.
ООО «Вятский фанерный комбинат»
Интернет-магазин. Продажа березовой фанеры оптом напрямую от производителя.
Кристалл-Электро
Интернет-магазин. Торговая сеть с широким спектром товаров электротехнического назначения.
ООО Гостиница «Губернская»
Лендинг. Редизайн и адаптивная версия сайта с сохранением дизайнерской концепции. Гостиница и хостел в г. Киров.
CLEANAIR
Оформление социальных сетей. Очистка и дезинфекция вентиляции в г. Киров и по РФ.
Российский Календарный Проект
Интернет-магазин. Полуфабрикаты для изготовления календарей и готовые календарные блоки.
ООО «Эгида»
Социальные сети. Техническое диагностирование внутридомового и внутриквартирного газового оборудования и систем вентиляции.
Магазин-салон «Двери-Град»
Адаптивная версия сайта. Продажа и установка дверей в Московской области.
ООО «ПС Недвижимость»
Лендинг. Строительство жилой недвижимости
ООО «Корпорация Лес»
Сайт-каталог. Изготовление и продажа пиломатериалов в г. Кирове и по всей России.
ООО «Дизельторг Плюс»
Лендинг. Поставки топлива от известных производителей.
ООО «А2Пресс»
Корпоративный сайт. Типография, полиграфия, производство рекламной продукции в Москве.
ООО «Бизнес Эдвайзер»
Корпоративный сайт. Группа компаний. Диагностирование и обслуживание ВДГО, ВДГО, вентканалов; экспертиза промышленной безопасности.
2018
«Белуга» рыболовный клуб
Лендинг. Визитка рыболовного клуба.
ООО «Рубачи»
Корпоративный сайт, каталог. Строительство деревянных домов из бревен ручной рубки.
ООО «Лепсе-Лес»
Корпоративный сайт. Строительство домов из СИП-панелей и Арболита по всей России.
ООО «Гуру Безопасности»
Сайт-каталог. Продажа и монтаж систем и средств видеонаблюдения.
ООО «Лидерстрой»
Сайт-каталог. Изготовление и продажа противопожарного оборудования.
Диван Комодов
Сайт-каталог. Комплекс услуг по созданию интерьера. Мебель в наличии и под заказ.
Perfetti Van Melle
Перенос сайта на 1С-Битрикс, адаптивная версия сайта. Один из крупнейших производителей и дистрибьюторов конфет и жевательной резинки в мире.
ООО «Вятская Кровельная Компания»
Сайт-каталог. Кровельные и фасадные материалы от известных отечественных и мировых производителей.
ГП ЧАО «Чукоткоммунхоз»
Корпоративный сайт. Обеспечение населения и юридических лиц электрической и тепловой энергией.
ООО «Строительные системы»
Сайт-каталог. Строительные материалы от проверенных производителей с доставкой.
Гидропосев
Лендинг. Благоустройство приусадебных участков.
Корпусная мебель «Ливеко»
Оформление социальных сетей. Производитель корпусной мебели из ЛДСП в Кирове.
ООО «Классик»
Лендинг. Поставки фанеры, ОСП, ДВП, ЛДВП с заводов-изготовителей.
«Остров мебели»
Сайт-каталог. Продажа мебели для дома и офиса.
Zumba® Fitness
Редизайн, адаптивная версия сайта. Интернет-магазин спортивной одежды.
Спектрум М
Лендинг под рекламную кампанию. Кухни под ключ от производителя.
Жасмин & Хоббитекс
Интернет-магазин. Крупнейшая сеть по продаже товаров для шитья, творчества и рукоделия в Кирове и Кировской области.
2017
ООО «Вира-строй»
Лендинг. Каталог проектов. Дома из кирпича и газосиликатных блоков.
Asplin.art
Лендинг. Галерея картин и фотографий
Управление сбыта автошин
Лендинг. Один из старейших участников рынка шин в России
Термона
Сайт-каталог. Продажа и монтаж отопительного оборудования
РостКапитал
Расширенный лендинг. Консалтинговые услуги
Фитнес-клуб ГТО
Лендинг. Современный и многофункциональный фитнес-клуб
Двери «Steel Wood« (Багратион)
Сайт-каталог. Производитель входных дверей в г. Кирове.
ООО «Салют-43»
Сайт-каталог. Пиротехнические услуги и продажа фейерверков
Окна Конкурент
Корпоративный сайт. Весь спектр услуг по остеклению ремонту и отделке лоджий, балконов
2016
Строй-Поставка
Интернет-магазин. Крупный поставщик стройматериалов в Кирове и Кировской области
Хлынов Град
Лендинг. Агентство недвижимости с историей
ГермесАвто
Интернет-магазин. Ремонт, обслуживание, продажа запчастей
Relax-Kirov
Сайт визитка. Развлечения в Кирове
«Айсберг»
Интернет-магазин. Дистрибуция и логистика продуктов питания
ВМП «АВИТЕК»
Корпоративный сайт. Мой завод — моя гордость!
Спектрум Кухни
Интернет-магазин. Кухонная мебель
Рубикон
Корпоративный сайт. Передовые технологии для эффективности вашего бизнеса
International Travel Service
Корпоративный сайт. Паспортно-визовый сервис
Чай «GABRIEL»
Корпоративный сайт. Официальный поставщик чая «GABRIEL» в России
Дома Века
Корпоративный сайт. Строительство деревянных домов из оцилиндрованного бревна
2015
Декор Мастер
Лендинг. Ремонт и отделка квартир, офисных, производственных и торговых помещений
Кировспецмонтаж
Корпоративный сайт. Строительная компания
Медвежий угол
Лендинг. Производство профилированного бруса
Агентство предоставления справок
Корпоративный сайт. Официальный агент и партнер Национального Бюро Кредитных историй (НБКИ)
Артель Тепла
Мобильная версия. Редизайн и верстка шаблонов дизайна мобильной версии
Деловой Киров
Лендинг. Оптовая торговля продуктами питания и товарами народного потребления
Северпрод
Корпоративный сайт. Концепт страницы «Реализованные проекты»
МУП «Горэлектросеть»
Корпоративный сайт. Передача электрической энергии по собственным сетям
Гражданстрой
Лендинг. Новостройка на ул. Дерендяева, 75/3
А-Синтез
Лендинг. Быстровозводимые арочные ангары
2014
Экран-Сервис
Корпоративный сайт. Домофоны. Видеонаблюдение. Ремонт радиоаппаратуры и бытовой техники. Антенны. Въездная автоматика
Office 365
Интернет-магазин. Office: еще лучше с подпиской на Office 365
Звездное небо
Интернет-магазин. Производитель обучающих наборов для творчества «Звездное небо»
Эльва-Спорт
Сайт визитка. Производитель системных механических лыжных креплений ELVA (для платформ SNS и NNN), лыжероллеров ELVA
МКР Солнечный Город
Корпоративный сайт. МКР «Солнечный город» в Прикубанском районе
2013
Типография «А2Пресс»
Интернет-магазин. Российский календарный проект
Гостиница Форест
Сайт визитка. Небольшой и уютный отель, находящийся в пос. Верхошижемье Кировской области