Онлайн-калькулятор окон REHAU и CRM — кейс разработки
Команда YuSMP разработала единую платформу для расчёта стоимости окон и обработки заявок: онлайн-калькулятор конфигураций с авторасчётом по типу планировки и CRM для централизованного ведения заявок для бренда REHAU.

О продукте
Коротко — что это за продукт и для кого мы его делали.
REHAU — бренд оконных ПВХ-систем премиум-сегмента, и продукт у него не совсем обычный для онлайна: клиент выбирает не готовую вещь с полки, а собирает конструкцию под свой проём — тип окна, число створок, размеры, систему профиля, фурнитуру и аксессуары. До нас эту задачу решали несколько разрозненных калькуляторов, разбросанных по разным площадкам, а заявки из них менеджеры переносили в учёт вручную. Мы собрали всё это в единую платформу: онлайн-калькулятор, где покупатель за несколько минут получает точную цену конфигурации, и CRM, куда его заявка попадает уже с готовым расчётом.
Сквозная идея кейса — убрать разрыв между «клиент посчитал» и «менеджер увидел». Расчёт мы вынесли на сервер, чтобы цена везде считалась по одним и тем же актуальным прайсам, а результат превращался в лид автоматически, без ручного переноса. Плюс мы заложили запас на рост: платформа проектировалась так, чтобы к ней можно было подключать сайты дилеров и адаптировать под локальные рынки, а параметрами калькулятора управлять централизованно из админки.
Задача
Заказчик — бренд оконных ПВХ-систем премиум-сегмента REHAU. Перед командой стояла задача объединить разрозненные онлайн-калькуляторы стоимости и CRM в единую платформу расчёта и обработки заявок.
Цели проекта: унифицировать и систематизировать алгоритмы расчёта стоимости конструкций; интегрировать разрозненные инструменты расчёта с различных площадок в единый центр управления; провести модернизацию и отладку текущих цифровых продуктов, устранив ошибки и ограничения.
Особенности проекта
Выполнен комплексный анализ работы устаревших калькуляторов и CRM без опоры на готовое техническое задание. Разработана и внедрена обновлённая архитектура серверной части, которая стала основой для целостной логики всех вычислений.
Проведён полный редизайн и переработка калькулятора и системы управления на современном технологическом стеке. Построена гибкая и масштабируемая платформа, к которой в будущем можно подключать сайты дилеров и адаптировать её под локальные рынки.
Решение и подход
Как мы собрали продукт — от архитектуры до процесса.
Мы начали с ревизии: разобрали, как считают старые калькуляторы, где расходятся цены и почему лиды теряются между формами и учётом. На этой основе спроектировали новое серверное ядро расчёта — единый источник правды, куда стекаются прайсы, коэффициенты по типу планировки и правила конфигурации. Дальше построили клиентский путь вокруг простого сценария: клиент вводит адрес, система по типовой планировке подставляет стандартные габариты, а он лишь выбирает конструкции, систему REHAU и аксессуары и сразу видит цену.
Второй полюс платформы — рабочее место менеджера. Заявка из калькулятора приходит в CRM уже с полной конфигурацией заказа, поэтому оператору не нужно ничего переписывать вручную: он видит лид «как есть» и берёт его в работу. Наполнением калькулятора, прайсами и правами сотрудников управляют через админ-панель, а сама архитектура рассчитана на подключение дилерских сайтов и локальных рынков без переписывания ядра.
Технологический стек
Инструменты подобраны под задачу продукта.
Почему серверная логика расчёта и единая CRM, а не набор отдельных форм
Разрозненные калькуляторы на разных страницах сайта дают несогласованные цены и не передают лиды в CRM. Единая платформа решает эту проблему: расчёт выполняется на сервере по актуальным прайсам и параметрам, результат автоматически попадает в CRM в виде лида с деталями конфигурации.
Функции продукта
Ключевые возможности, которые закрыли задачу бизнеса.
Интеллектуальный поиск по адресу
При вводе адреса и выборе типа планировки система сама определяет стандартные габариты проёмов, минимизируя потребность в первичном выезде специалиста.
Конфигуратор конструкций
Доступны все популярные типы изделий: глухое или открывающееся окно с одной створкой, двухстворчатая и трёхстворчатая модели, дверь на балкон или лоджию.
Задание точных размеров
Интерфейс позволяет указать ширину и высоту в миллиметрах для получения расчёта, адаптированного под нестандартные проёмы.
Подбор системы REHAU и аксессуаров
Пользователь выбирает одну из premium-систем компании (Intelio, Geneo, Blitz) и комплектует заказ дополнительными компонентами (противовзломная фурнитура, климатический стеклопакет, аксессуары).
Мгновенный расчёт цены
На основе введённых данных формируется окончательная стоимость выбранной конфигурации (в базовой комплектации, без услуг монтажа).
Упрощённое оформление заявки
Готовый расчёт можно добавить в корзину и отправить в виде коммерческого запроса, после чего с клиентом свяжется персональный менеджер для уточнения деталей.
Как это работает
Ключевые экраны продукта — по шагам.

Расчёт окна: система и цена
Экран расчёта собирает конфигурацию одного окна в одном месте: тип конструкции и его расположение на плане квартиры, выбранную оконную систему REHAU с профилем, стеклопакетом и фурнитурой, а справа — прозрачный состав заказа с ценой по каждой позиции (изготовление, подоконник, отлив, монтаж, соединительные элементы, ручка).
Дополнительные опции — откосы, москитная сетка, детский замок, гребёнка, цвет профиля — вынесены отдельным блоком, а итоговая цена окна пересчитывается на сервере при каждом изменении. Клиент видит не «цену от», а честную сумму именно своей конфигурации.

Выбор конструкций и балконных блоков
На шаге выбора конструкций калькулятор показывает типовые окна карточками: одно-, двух- и трёхстворчатые модели и балконные блоки с наглядными габаритами проёма (600, 1500, 2200 мм) и счётчиком количества. Отмеченные конструкции подсвечиваются рамкой, а число повторов регулируется прямо на карточке.
Такой визуальный выбор снимает главный барьер онлайн-заказа окон: человеку не нужно разбираться в терминах — он узнаёт свою планировку по картинке и при необходимости уточняет размеры вручную в миллиметрах.

Лендинг калькулятора: четыре шага
Точка входа для клиента — лендинг калькулятора REHAU с фирменной айдентикой бренда и полем ввода адреса дома. Сценарий разложен на четыре понятных шага: адрес дома → своя планировка → выбор окон и опций → заявка или онлайн-оплата.
Страница объясняет ключевую идею сервиса: подобрать окна и получить точный расчёт стоимости можно за несколько минут, даже не указывая размеров. Расчёт производится по адресам Москвы и Московской области.

Вход в калькулятор по адресу
Клиентский путь начинается с одного поля — адреса дома. Пользователь вводит адрес, система по типовой планировке подставляет стандартные габариты проёмов, и дальше выбор конструкций, систем и опций занимает несколько минут.
Авторасчёт по адресу — ключевая механика, которая убирает необходимость первичного выезда замерщика для типовых случаев: клиент получает предварительную цену сразу на сайте, а точные размеры при желании вводит сам.

Подтверждение заявки по коду из СМС
Финальный шаг — отправка заявки с подтверждением номера телефона по коду из СМС. Экран показан во всех состояниях: ожидание ввода с таймером повторной отправки, ошибка при неверном коде и успешная проверка, после которой кнопка «Отправить заявку» становится активной.
Подтверждённая заявка попадает в CRM уже с полной конфигурацией заказа — оператору не нужно ничего переписывать вручную. Согласие на обработку персональных данных фиксируется до отправки.
Архитектура и персональные данные
Калькулятор собирает имя, телефон и адрес пользователя для вызова замерщика. Данные обрабатываются заказчиком как оператором ПДн; хранятся на территории РФ. Архитектура платформы спроектирована с учётом минимального набора полей и ограничения доступа к CRM по ролям.
Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных. Статус оператора проверяется в реестре операторов ПДн РКН.
В цифрах
- Единый онлайн-калькулятор вместо разрозненных: клиент получает цену немедленно, без перехода между несколькими формами.
- Авторасчёт по адресу и типу планировки: стандартные габариты определяются без выезда замерщика.
- Типы изделий: одно-, двух-, трёхстворчатые, балконная дверь и ручной ввод нестандартных мм.
- Выбор систем (Intelio / Geneo / Blitz) и доукомплектация прямо в калькуляторе.
- Отправка расчёта в корзину и лид в CRM: менеджер видит заявку в один клик.
- Типичное окно MVP калькулятор + CRM — 12–20 недель (отраслевой диапазон).
Архитектура и персональные данные
Калькулятор собирает имя, телефон и адрес пользователя для вызова замерщика. Данные обрабатываются заказчиком как оператором ПДн; хранятся на территории РФ. Архитектура платформы спроектирована с учётом минимального набора полей и ограничения доступа к CRM по ролям.
Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных. Статус оператора проверяется в реестре операторов ПДн РКН.
Часто задаваемые вопросы
Что такое онлайн-калькулятор окон и зачем он нужен продавцам окон?
Зачем объединять калькулятор и CRM в одну систему?
Как калькулятор определяет габариты без выезда замерщика?
Как защищаются персональные данные пользователей в калькуляторе?
Сколько занимает разработка калькулятора с CRM под ключ?
Наши клиенты
Компании из ритейла, медтеха, логистики и электронной коммерции, которым мы помогли с цифровыми продуктами.
Услуги веб-студии YuSMP Group
Полный спектр разработки — от нативных мобильных приложений до веб-платформ, дизайна и IT-аудита. Выберите направление или закажите проект под ключ.
Мобильная разработка
Нативные и кросс-платформенные приложения для iOS и Android под задачу и бюджет.
Подробнее →Разработка мобильных приложений под iOS
Нативные приложения для iPhone и iPad на Swift и SwiftUI.
Подробнее →Разработка мобильных приложений под Android
Приложения для Android на Kotlin и Jetpack Compose.
Подробнее →Кроссплатформенный подход
Одно приложение сразу на iOS и Android на Flutter.
Подробнее →Веб - разработка
SPA, порталы и веб-платформы на React / Next.js и Node.
Подробнее →Backend-разработка
Серверная часть, API, базы данных и интеграции на Node.js, PHP и Python.
Подробнее →Разработка под ключ
Продукт под ключ: аналитика, дизайн, разработка и запуск.
Подробнее →MVP
Быстрый запуск ядра продукта, чтобы проверить гипотезу без лишних затрат.
Подробнее →Тестирование
Ручное и автоматизированное тестирование — стабильный релиз на всех устройствах.
Подробнее →UI/UX-дизайн
Исследование, прототип и дизайн-система — интерфейсы, которыми удобно пользоваться.
Подробнее →Прототипирование
Кликабельный прототип для проверки идеи до разработки.
Подробнее →Создание сайтов
Корпоративные сайты, лендинги и интернет-магазины под ключ.
Подробнее →IT - аудит
Аудит ИТ-инфраструктуры, кода и безопасности.
Подробнее →SEO‑продвижение
Вывод сайта в топ Яндекса и Google — трафик и заявки из поиска.
Подробнее →Контекстная реклама
Яндекс Директ — заявки с первого дня и контроль цены лида.
Подробнее →SMM‑продвижение
Соцсети и таргет — узнаваемость бренда, комьюнити и заявки.
Подробнее →Наши кейсы
Ещё продукты, которые мы спроектировали и запустили.

LiMP
Мобильный VPN для iOS и Android: WireGuard‑стек, no‑logs и сплит‑туннелирование.

Юнилаб
Приложение для сети медлабораторий: онлайн‑запись, результаты анализов, каталог услуг.

Личный кабинет для финтех‑сервиса
Веб‑кабинет: типы профилей, статистика по договорам, адаптив на Laravel и React.
Блог наших экспертов
Разбираем разработку и технологии простым языком.
Обсудим ваш проект?
Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.
Хотите такой калькулятор или CRM? Обсудим
Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.













