Банковский сайт на 1С-Битрикс: калькуляторы, заявки, безопасность

Клиент приходит рассчитать ипотеку — и получает отказ калькулятора. Или форма заявки теряет данные. Причина — типовые решения без учёта банковской специфики. Мы строим сайты, которые конвертируют: с калькуляторами, онлайн-заявками и соответствием требованиям ЦБ. Наше тегированное кэширование снижает нагрузку в 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 минуты. Шаги:

1. Параметры продукта — сумма, срок (предзаполнены из калькулятора)
2. Персональные данные — ФИО, дата рождения, паспорт, ИНН
3. Финансовая информация — место работы, стаж, доход
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. Это ломает часть стандартных шаблонов — пересобираем их с выносом скриптов во внешние файлы.

Полный состав работ по безопасности

Соответствие ФЗ-395 и требованиям ЦБ

Федеральный закон «О банках и банковской деятельности» и указания Центробанка обязывают размещать на сайте:

• Лицензию и учредительные документы
• Финансовую отчётность (ежеквартальную и годовую)
• Тарифы по всем продуктам в актуальной редакции
• Информацию о системе страхования вкладов
• Реквизиты и контактные данные

Под это создаём раздел «Раскрытие информации» с инфоблоком документов. Свойства: тип документа, дата публикации, файл (PDF). Документы должны быть доступны без авторизации и индексироваться поисковиками. Настраиваем права доступа на уровне инфоблока: чтение — для всех, редактирование — только для группы «Compliance».

Таблица: Типовые банковские продукты и свойства инфоблоков

Этапы разработки банковского сайта

Общий срок — от 20 недель при параллельной работе дизайна и аналитики. Банковский проект не терпит спешки: каждый компонент проходит ревью безопасности перед продакшеном.

Что входит в работу

• Проектная документация: техническое задание, описание архитектуры, схема интеграций.
• Интеграции: с ЦБ РФ, банковской АБС, платёжными сервисами (ЮKassa, Сбер), службами доставки (СДЭК).
• Обучение: трёхдневный воркшоп для редакторов и администраторов сайта.
• Гарантийная поддержка: 3 месяца после запуска с фиксацией багов и консультациями.

Получите индивидуальный расчёт сроков и стоимости — свяжитесь с нами для консультации. Рассчитаем сроки и стоимость под ваш проект уже на этапе первичного обсуждения.

Как правильно проектировать инфоблоки?

Мы видим десятки проектов, где неправильная структура инфоблоков превращает сайт в тормоз. Типичный сценарий: заказчик просит «каталог товаров». Разработчик создаёт один инфоблок catalog, закидывает туда 15 свойств. Через полгода — 40 свойств, 8 из которых используются только для одной категории. Фильтр тормозит, таблица b_iblock_element_property разрослась до миллионов строк, CIBlockElement::GetList выполняется 3 секунды. Последствия — падение конверсии, потеря клиентов, дополнительные затраты на оптимизацию. В одном проекте после рефакторинга каталога время генерации страницы снизилось с 4,2 до 0,8 секунды, а стоимость поддержки сократилась на 250 000 рублей в год — за счёт устранения избыточных запросов и агентов.

Наш подход: проектируем инфоблоки до первой строки кода. Отдельные инфоблоки под сущности (товары, категории, бренды), свойства-справочники через highload-блоки, торговые предложения для SKU. Это закладывает производительность на годы вперёд. Если хотите получить предварительный аудит вашей схемы инфоблоков — свяжитесь с нами, разберём типовые ошибки и дадим рекомендации бесплатно.

Почему 1С-Битрикс выгоднее альтернатив?

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

• Нативный обмен с 1С — модуль catalog.import.1c обеспечивает двусторонний обмен товарами, ценами, остатками и заказами через CommerceML. Без сторонних модулей. Это в 5 раз быстрее, чем разработка собственного обмена на OpenCart или WordPress. Подробнее о формате — в Wikipedia. Экономия на интеграции составляет в среднем 150 000–300 000 рублей по сравнению с кастомными решениями.
• Проактивная защита — модуль security включает WAF, контроль целостности файлов, защиту от SQL-инъекций, двухфакторную аутентификацию. Для проектов с требованиями ФСТЭК — сертифицированное решение.
• Модульная архитектура — подключаем только нужные модули: iblock, catalog, sale, search. Меньше модулей — меньше запросов к БД на каждый хит.
• Регулярные патчи — вендор выпускает security-патчи, закрывая уязвимости быстрее, чем open-source проекты (среднее время исправления CVE — 2 недели). Официальная документация по модулям — dev.1c-bitrix.ru.

Что дают HL-блоки и как мы ускоряем каталог

Highload-блоки — это альтернатива расширенным свойствам инфоблоков, когда список значений может расти до тысяч записей. Типичный пример: производители, страны, цвета. Если хранить их как свойства-списки в инфоблоке, каждая фильтрация вызывает полное сканирование таблицы b_iblock_property_enum. С HL-блоками выборка идёт по индексу — время ответа фильтра снижается с 1–2 секунд до 50 мс. Мы используем HLB компонент и кастомные запросы через Bitrix\Highloadblock\DataManager. Это особенно критично для каталогов с 100 000+ товарами.

Из нашей практики — проект интернет-магазина с 500 000 товаров. Стандартный фильтр по бренду выполнялся 4 секунды. Сервер не выдерживал нагрузку в 50 одновременных запросов — страницы падали. Мы перевели справочник брендов в HL-блок, добавили тегированное кэширование на 15 минут и настроили агент для сброса кэша при изменении. После доработки время фильтрации составило 120 мс, средний LCP страницы — 1,8 секунды. Проект работает стабильно без сбоев.

Что входит в разработку сайта на 1С-Битрикс

Каждый проект включает полный комплект документации и артефактов, исключающий потерю знаний после передачи.

• Техническое задание — user stories, диаграммы инфоблоков, схемы интеграций.
• Исходный код в Git — с историей коммитов, тегами релизов, правилами ветвления.
• Административная документация — описание кастомных компонентов, инструкции по разворачиванию, перечень агентов и событий.
• Обучение сотрудников — до 3 часов вебинара: панель управления, работа с заказами, настройка цен. Записываем, чтобы можно было пересмотреть.
• Доступ к staging на время разработки — тестируете сами до деплоя на продуктив.
• Гарантийная поддержка — исправление ошибок кода в течение 30 дней после запуска. Постгарантийные абонентские пакеты с SLA (реакция 2 часа, решение 8 часов).

Наш процесс и технологии

Стек: вёрстка mobile-first, тестируем на физических устройствах (iPhone, iPad, Android). Используем BrowserStack для Safari на iOS. Производительность — LCP < 2,5 с, FID < 100 мс, CLS < 0,1. Включаем композитный сайт (composite), CDN, тегированное кэширование, WebP/AVIF, lazy loading. SEO — Schema.org через JSON-LD, автогенерация sitemap.xml модулем seo, canonical и hreflang для мультиязычных версий. robots.txt закрываем /bitrix/ от индексации. CI/CD — Git, автодеплой через GitLab CI, staging. Миграции базы — модуль sprint.migration с версионированием.

Процесс работы:

1. Аналитика — изучаем конкурентов, собираем требования, рисуем прототипы в Figma. На выходе — ТЗ с user stories.
2. Дизайн — UI/UX с дизайн-системой. Компоненты переиспользуются.
3. Разработка — пишем компоненты с кастомными шаблонами в local/templates/. Бизнес-логику выносим в модули local/modules/.
4. Тестирование — функциональное, кроссбраузерное, нагрузочное (до 1000 запросов). Критичные баги исправляем до запуска.
5. Запуск — деплой на прод, мониторинг через UptimeRobot, алерты в Telegram. Устраняем первые 48 часов.

Интеграции, мультиязычность и редизайн

• Полная локализация через языковые файлы lang/ и механизм SITE_ID. hreflang для каждой версии. Региональные версии с разными ценами и контентом — определение по IP (main.geo) или ручной выбор. Мультидоменность — единое управление несколькими доменами.

• Редизайн без потери позиций: аудит производительности (PageSpeed, WebPageTest), SEO (Screaming Frog). Новый шаблон в local/templates/ с сохранением URL-структуры. 301-редиректы только если URL меняется существенно. Обновление ядра, переход на D7 ORM, реструктуризация инфоблоков, миграция через sprint.migration с Git.

Гарантия и поддержка

Мы работаем с 1С-Битрикс 12+ лет, реализовали 500+ проектов. В штате сертифицированные разработчики. Фиксированная стоимость в договоре — без сюрпризов. Гарантийный период покрывает ошибки кода. После — абонентские пакеты с SLA (время реакции — 2 часа, решение — 8 часов). Мониторинг доступности 24/7, алерты в Telegram. Получите консультацию и предварительный расчёт: свяжитесь с нами через форму на сайте или напишите в чат — ответим в течение часа. Закажите разработку под ключ — мы спроектируем инфоблоки, интегрируем 1С и разгоним каталог. Если уже есть сайт на другой CMS — закажите аудит производительности и миграцию на Битрикс.