Узнать больше об услугах разработки
Разработка калькулятора расчета кровли для krowlia.ru
Клиент и задачи
Клиент: Компания Руфстрой (krowlia.ru) — поставщик кровельных систем
Задача: Разработка интерактивного калькулятора кровли, который помог бы пользователям самостоятельно рассчитывать необходимое количество материалов и ориентировочную стоимость проекта.
Цель: Упростить подбор кровельных материалов, повысить удобство взаимодействия с сайтом и сократить путь пользователя до обращения в компанию.
Релиз: июнь 2020 года
Задача
На момент старта проекта пользователям приходилось вручную рассчитывать параметры кровли и обращаться к менеджерам даже для предварительной оценки стоимости. Это усложняло процесс выбора и снижало конверсию сайта.
Перед нашей командой стояли следующие задачи:
-
-
Обеспечить корректные расчеты для разных типов кровельных материалов
-
Интегрировать калькулятор с каталогом товаров и торговых предложений
-
Подготовить систему к дальнейшему SEO-продвижению и масштабированию
Аналитика и проектирование
На старте работ мы провели анализ конкурентных решений и изучили особенности расчета различных типов кровли:
Металлочерепица
Профнастил
Фальцевая кровля
Отдельное внимание уделили UX-сценариям: пользователю необходимо было не просто получить цифры, а визуально понять раскладку листов, ограничения по размерам и влияние параметров на итоговую стоимость.
В результате был спроектирован интерфейс, позволяющий:
Выбирать производителя и серию материалов
Изменять покрытие, толщину металла и цвет
Просматривать раскладку листов по каждому скату
Получать ориентировочную стоимость материалов
Backend-разработка
Для корректной работы калькулятора была реализована отдельная backend-логика с API для получения и обработки параметров материалов.
Реализованные роуты
01
Получение производителей по типу материала
Сервис возвращает список производителей в зависимости от выбранного типа кровли.
02
Получение серий производителя
Для каждой серии реализован возврат параметров, необходимых для расчетов:
Металлочерепица:
- минимальная длина листа;
- максимальная длина листа;
- общая ширина;
- полезная ширина;
- шаг волны.
Профнастил:
- максимальная длина листа;
- ширина листа.
Фальцевая кровля:
- минимальная длина;
- максимальная длина;
- общая ширина;
- полезная ширина.
Также для каждой серии возвращались ID торговых предложений.
03
Отдельный API для торговых предложений
По списку ID система возвращала:
- название товара;
- цвет по RAL;
- HTML-цвет;
- цену;
- покрытие;
- толщину металла;
- ширину.
Валидация и нормализация данных
Одной из ключевых сложностей проекта стало качество исходных данных в каталоге. Мы реализовали:
- нормализацию единиц измерения;
- автоматическую валидацию значений;
- исключение некорректно заполненных торговых предложений;
- зависимость возвращаемых параметров от типа материала.
Например, система автоматически приводила значения: 100, 100 мм, 0.1 м к единому формату, необходимому для расчетов.
Также были реализованы проверки:
- минимальных и максимальных длин;
- корректности ширины листов;
- полноты обязательных свойств.
Если обязательные параметры отсутствовали, серия автоматически исключалась из расчетов.
Особенности алгоритмов расчета
Металлочерепица
Для металлочерепицы были реализованы алгоритмы расчета базовых длин листов с учетом рабочей ширины, ограничений производства, параметров раскладки.
Система рассчитывала набор допустимых длин листов, которые использовались в интерфейсе калькулятора.
Профнастил и фальцевая кровля
Для этих типов материалов отсутствовали готовые формулы и технические спецификации. Наша команда:
- изучила сторонние калькуляторы;
- проанализировала логику расчета конкурентов;
- реализовала модель расчета с фиксированной базовой длиной;
- подготовила архитектуру под дальнейшее расширение алгоритмов.
UX/UI и визуализация
Ключевой задачей было сделать сложный технический расчет понятным для обычного пользователя.
В интерфейсе реализовали:
- интерактивную схему скатов;
- визуальную раскладку листов;
- изменение параметров в реальном времени;
- переключение материалов и цветов;
- адаптивное отображение расчетов.
Результаты
После запуска калькулятора пользователи получили возможность самостоятельно выполнять предварительный расчет кровли без обращения к менеджерам.
Это позволило:
- повысить удобство использования сайта;
- увеличить вовлеченность пользователей;
- увеличить глубину взаимодействия с каталогом;
- повысить конверсионность ресурса;
- улучшить коммерческие факторы ранжирования.
17 000+
Визитов в раздел калькулятора
13 000+
Новых пользователей с релиза
снижение нагрузки на менеджеров при первичных консультациях; повышение качества лидов за счет более подготовленных обращений.
Мы разработали полноценный модуль расчета кровли с собственной backend-логикой, системой валидации данных и интерактивным пользовательским интерфейсом.
Проект стал не просто калькулятором стоимости, а полноценным инструментом предварительного проектирования кровли, интегрированным с каталогом интернет-магазина и адаптированным под дальнейшее развитие платформы.
Услуга
Создание калькулятора для сайта
Интерактивный калькулятор — мощный инструмент, который увеличивает конверсию и делает сайт полезнее для пользователей. Мы разрабатываем калькуляторы под задачи вашего бизнеса — от простых расчетов до сложных интеграций с CRM.
Подробнее