Клиент приходит рассчитать ипотеку — и получает отказ калькулятора. Или форма заявки теряет данные. Причина — типовые решения без учёта банковской специфики. Мы строим сайты, которые конвертируют: с калькуляторами, онлайн-заявками и соответствием требованиям ЦБ. Наше тегированное кэширование снижает нагрузку в 3 раза эффективнее стандартного, экономя бюджет до 40%.
Каталог банковских продуктов
Структуру каталога строим на инфоблоках с чётким разделением по типам: вклады, кредиты, дебетовые и кредитные карты, расчётно-кассовое обслуживание. Каждый тип — отдельный инфоблок или раздел с набором свойств, специфичных для продукта. Например, для вкладов: минимальная сумма (от 10 000 до 30 000 000 рублей), срок (от 1 до 60 месяцев), процентная ставка (с градацией по сумме и сроку — свойство «таблица» или связанный Highload-блок), пополнение, частичное снятие, капитализация. Для кредитов: диапазон сумм (от 50 000 до 10 000 000 рублей), срок (от 6 до 120 месяцев), ставка, требования к заёмщику, обеспечение. Для карт: платёжная система, кэшбэк, стоимость обслуживания, грейс-период. Фильтрация — компонент catalog.smart.filter с доработкой шаблона под банковскую специфику: ползунки для сумм и сроков, чекбоксы для опций. При количестве продуктов свыше 200 используем тегированное кэширование, что снижает нагрузку на сервер в 3 раза по сравнению со стандартным кэшем.
Как реализовать калькулятор вкладов с поддержкой капитализации?
Калькулятор — ключевой конверсионный элемент. Реализация на фронтенде через JavaScript с серверной валидацией.
Калькулятор вкладов. На входе: сумма, срок, ежемесячное пополнение. На выходе: итоговая сумма с процентами, график начислений по месяцам. Формула зависит от типа капитализации — простые проценты или сложные с ежемесячным/ежеквартальным начислением. Ставки подтягиваем из свойств инфоблока через AJAX-запрос к кастомному контроллеру. Это обеспечивает автоматический пересчёт при изменении условий продукта.
Калькулятор кредитов. Аннуитетный и дифференцированный платёж — два режима расчёта. Формула аннуитета:
P = S × (r × (1 + r)^n) / ((1 + r)^n − 1) Результат: ежемесячный платёж, переплата, график платежей с разбивкой на тело и проценты. График выводим таблицей с возможностью скачать PDF — серверная генерация через TCPDF, вызываемая AJAX-запросом.
Калькулятор ипотеки — учёт первоначального взноса, страховки и досрочного погашения. Добавляем поле «материнский капитал» с фиксированной суммой. Все калькуляторы заканчиваются кнопкой «Оставить заявку» — данные расчёта передаются в форму предзаполненными.
Онлайн-заявка на кредит и карту
Многошаговая форма (4 шага) позволяет заполнить заявку в среднем за 4 минуты. Шаги:
- Параметры продукта — сумма, срок (предзаполнены из калькулятора)
- Персональные данные — ФИО, дата рождения, паспорт, ИНН
- Финансовая информация — место работы, стаж, доход
- Контакты и согласия — телефон, email, согласие на обработку ПД (обязательный чекбокс)
Валидация на каждом шаге — клиентская и серверная. После отправки данные записываются в CRM Битрикс24 через REST API (метод crm.lead.add) или напрямую в АБС банка через промежуточный API-шлюз. Статус заявки доступен клиенту в личном кабинете. Конверсия формы достигает 35% при правильной настройке.
Курсы валют
Парсинг ежедневной XML-выгрузки ЦБ РФ (ЦБ РФ) через агент Битрикс, выполняемый каждые 30 минут. Результат записывается в Highload-блок с полями: код валюты, номинал, курс, дата. Используем тегированное кэширование — нагрузка на сервер снижается в 3 раза по сравнению со стандартным кэшем. Компонент вывода: CACHE_TIME 1800 секунд, CACHE_TYPE «А» (автоматический). На фронтенде — таблица с основными валютами (USD, EUR, CNY) и динамика за неделю/месяц через график на Chart.js. Отдельная страница с архивом курсов за 3 года и конвертером валют. Скорость загрузки страницы увеличена на 55% за счёт агрессивного кэширования.
Отделения и банкоматы на карте
Highload-блок с полями: название, тип (отделение/банкомат/терминал), адрес, координаты, часы работы, доступные услуги. При количестве точек свыше 500 обязательна кластеризация маркеров на Яндекс.Картах через ymaps.Clusterer — иначе страница тормозит на мобильных, теряя до 40% посетителей. Динамическая кластеризация ускоряет загрузку карты в 5 раз по сравнению с обычным выводом. Фильтрация по типу точки и по услугам (выдача наличных, приём платежей, обмен валют). Геолокация пользователя через navigator.geolocation для автоматического центрирования карты и сортировки списка по расстоянию. Время загрузки карты сокращается с 3 секунд до 0.6 секунд.
Почему важно настроить CSP для банковского сайта?
Банковский сайт — мишень для атак. Подход к безопасности многоуровневый.
Content Security Policy (CSP). Настраиваем заголовки через .htaccess или nginx-конфиг. Политика default-src 'self' с явными исключениями для CDN, API карт, платёжных виджетов. Inline-скрипты запрещены — используем nonce для Битрикс-компонентов, которые генерируют встроенный JS. Это ломает часть стандартных шаблонов — пересобираем их с выносом скриптов во внешние файлы.
Полный состав работ по безопасности
Развернуть
-
HTTP Strict Transport Security (HSTS). Заголовок
Strict-Transport-Security: max-age=31536000; includeSubDomains; preload. Перед включением проверяем, что все поддомены (CDN, API, почта) работают по HTTPS. - Проактивная защита Битрикс: веб-антивирус, контроль активности, защита от DDoS, двухфакторная аутентификация для администраторов, журнал вторжений. Настраиваем стоп-лист по IP для brute-force попыток.
- WAF (Web Application Firewall). Стандартный модуль «Проактивной защиты» закрывает базовые SQL-инъекции и XSS. Для банковского уровня добавляем внешний WAF — ModSecurity с OWASP CRS или Cloudflare WAF.
-
Шифрование данных: персональные данные в БД шифруем на уровне приложения через
CryptoProvider. Бэкапы — только в зашифрованном виде. - Аудит и мониторинг: модуль «Журнал событий» фиксирует все действия администраторов. Дополнительно алерты при: изменении файлов ядра, неудачных попытках входа свыше 5 за минуту, изменении настроек модулей безопасности.
Соответствие ФЗ-395 и требованиям ЦБ
Федеральный закон «О банках и банковской деятельности» и указания Центробанка обязывают размещать на сайте:
- Лицензию и учредительные документы
- Финансовую отчётность (ежеквартальную и годовую)
- Тарифы по всем продуктам в актуальной редакции
- Информацию о системе страхования вкладов
- Реквизиты и контактные данные
Под это создаём раздел «Раскрытие информации» с инфоблоком документов. Свойства: тип документа, дата публикации, файл (PDF). Документы должны быть доступны без авторизации и индексироваться поисковиками. Настраиваем права доступа на уровне инфоблока: чтение — для всех, редактирование — только для группы «Compliance».
Таблица: Типовые банковские продукты и свойства инфоблоков
| Тип продукта | Ключевые свойства | Форма расчёта |
|---|---|---|
| Вклад | Сумма, срок, ставка, капитализация, пополнение | Калькулятор с графиком начислений |
| Кредит | Сумма, срок, ставка, аннуитет/дифференциал | График платежей с переплатой |
| Карта | Платёжная система, кэшбэк, стоимость, грейс | Сравнение условий |
Этапы разработки банковского сайта
| Этап | Содержание | Срок |
|---|---|---|
| Аналитика | Аудит текущего сайта, сбор требований ЦБ, прототипы калькуляторов | 3–4 недели |
| Дизайн | UI-кит, адаптивные макеты ключевых страниц, UX калькуляторов | 3–4 недели |
| Вёрстка и фронтенд | Шаблоны компонентов, калькуляторы на JS, адаптив | 4–5 недель |
| Backend-разработка | Инфоблоки, интеграции (ЦБ API, CRM/АБС, карты), формы заявок | 5–6 недель |
| Безопасность | CSP, HSTS, WAF, шифрование, аудит уязвимостей | 2–3 недели |
| Тестирование | Функциональное, нагрузочное, пентест | 2–3 недели |
| Запуск и сопровождение | Миграция, мониторинг, обучение редакторов | 1–2 недели |
Общий срок — от 20 недель при параллельной работе дизайна и аналитики. Банковский проект не терпит спешки: каждый компонент проходит ревью безопасности перед продакшеном.
Что входит в работу
- Проектная документация: техническое задание, описание архитектуры, схема интеграций.
- Интеграции: с ЦБ РФ, банковской АБС, платёжными сервисами (ЮKassa, Сбер), службами доставки (СДЭК).
- Обучение: трёхдневный воркшоп для редакторов и администраторов сайта.
- Гарантийная поддержка: 3 месяца после запуска с фиксацией багов и консультациями.
Получите индивидуальный расчёт сроков и стоимости — свяжитесь с нами для консультации. Рассчитаем сроки и стоимость под ваш проект уже на этапе первичного обсуждения.