Кредит доверия: новый сайт для кыргызского банка с 25-летней историей

KICB — инвестиционно-кредитный банк, работающий на рынке с 2001 года. Обслуживает частных и корпоративных клиентов, предлагает широкий спектр финансовых услуг.

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

Разделение по аудиториям

На этапе проектирования ключевой задачей было выстроить структуру сайта под разные типы пользователей.

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

Отдельно выделили третий блок — информацию о банке: новости, руководство, отчетность, вакансии и другие разделы.  

Сотня прототипов

После проработки структуры перешли к созданию прототипов интерфейса. В основе контента — старая версия сайта, но с современной подачей: карточки, слайдеры и блочная структура.

Так сформировали обновленный подход к отображению банковских продуктов и страниц сайта.

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

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

Чтобы минимизировать вопросы в службу поддержки банка, подготовили для клиентов пошаговые инструкции.

Универсальный вид получили разделы «Документы» и «Часто задаваемые вопросы».

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

Переход на Битрикс D7

После утверждения дизайна приступили к разработке. В качестве платформы оставили «1С-Битрикс», но использовали современное ядро D7 и официальные API — без обходных решений. Это обеспечило стабильность, безопасность и готовность к обновлениям.

Базовая структура и шаблоны

На первом этапе настроили шаблон и базовые элементы сайта — хедер и футер. При этом футер сделали адаптивным: его вид меняется в зависимости от раздела (для частных или корпоративных клиентов).

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

Мультиязычность

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

Проработка структуры инфоблоков и поведения интерфейса

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

На этом же этапе прописывали механику действий: при каких условиях должны быть скрыты или, наоборот, активны фильтры, поля, чекбоксы, подсказки и другие элементы; по каким формулам должен проводиться расчет условий; где использовать пагинацию (т. е. разбивать содержимое на страницы).

Проработали сценарии взаимодействия с клиентами: заявки на продукты, подключение услуг и обратный звонок.

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

Подключили REST API для интеграции сайта с бэк-офисом и CRM: данные передаются автоматически, с проверкой источника и валидацией.

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

Удобный сайт для клиентов и бизнеса

В результате получился сайт с понятной структурой и логичной навигацией, удобный как для частных, так и для корпоративных клиентов.

Четкая подача информации упрощает выбор продуктов и ускоряет оформление заявок, снижая количество ошибок и повышая эффективность работы с сайтом.

Проект полностью соответствует задачам клиента и продолжает успешно работать.