Как я создавал калькулятор займов для микрокредитных организаций
Меня зовут Антон , я fullstack-разработчик. Сегодня расскажу, как создавал калькулятор микрокредитов для финансовых организаций. Проект оказался сложнее, чем казалось изначально — но результат того стоил.
Зачем это нужно?
Микрокредитная организация (МФО) столкнулась с проблемой: клиенты не понимали условий займа. Требовался инструмент, который:
- Рассчитывает платежи с учётом сложных процентов
- Адаптируется под мобильные устройства (70% трафика МФО — смартфоны)
- Необходимо интегрировать в разные CMS системы, в данном случае в Bitrix CMS.
Стек технологий
- Backend: PHP 8.1
- Frontend: HTML/CSS/JS . Интеграция в Bitrix CMS.
Создал 3 различных варианта калькулятора:
Затем произвел финансовое тестирование , по требованиям заказчика.
Что получилось:
Калькулятор работает пока в 1 МФО.
Изначально уже был код одного из готовых калькуляторов на Bitrix CMS.
C помощью Deepseek сделал обратный промт инжиниринг из готового калькулятора :
Создай PHP/HTML/CSS/JS виджет калькулятора займов со следующими характеристиками:
Базовые требования:
Получение данных о продуктах через PHP-функцию getProducts()
Адаптивный дизайн с брендовым цветом #4BB725
Интеграция библиотеки noUiSlider для ползунков
Поддержка Яндекс.Метрики (цель IRK_ORDER)
Функциональные блоки:
Скрытый селектор продуктов (с возможностью активации)
Два слайдера:
Сумма займа: диапазон 3 000 - 100 000 ₽, шаг 1 000
Срок займа: диапазон 7-168 дней, отображение в днях/неделях
Динамический расчет:
Автоматический пересчет суммы возврата
Обновление даты погашения
Логика 0% для первого займа (≤15 дней, ≤15 000 ₽)
Кнопка получения денег с динамическим временем
Информационный блок (паспорт, дата возврата, процентная ставка)
Особенности логики:
Автокоррекция значений:
Сумма >30 000 → срок = 168 дней
Срок >30 дней → сумма = 100 000 ₽
Процентная ставка:
0% для сумм ≤15 000 и сроков ≤15 дней
0.8% в остальных случаях
Фиксированные суммы возврата для длительных периодов
Технические требования:
Использование PHP для инициализации данных
Чистый CSS для стилизации ползунков
JavaScript-логика с:
Обработчиками событий ползунков
Динамическими расчетами
Автообновлением времени на кнопке
Поддержка склонений числительных (день/дня/дней)
Адаптивная верстка
Визуальные элементы:
Стилизованные ползунки с градиентным handle
Четкая типографика с акцентами
Иконки для информационного блока
Интерактивные элементы с hover-эффектами
Дополнительно: реализуй механизм сохранения выбранных значений при повторном открытии и обеспечь корректную работу при отключенном JavaScript.Затем по этому коду был написан основной код калькулятора , примерно 600 строчек.
Код выложил на GitHub: https://github.com/Progaem-com/MFO_calculator
Вывод : Если создаёте финансовые инструменты — дважды тестируйте их выполнение ! У кого есть опыт — делитесь кейсами в комментариях.
Хотите, создать калькулятор займов для микрокредитных организаций ? Обратитесь по контактным данным на этом сайте.