Веб-платформа · калькулятор + CRM

Мосокна — онлайн-калькулятор окон и CRM: кейс

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

Заказать свой проект Все кейсы →

Официальныйсайт

Единый онлайн-калькулятор вместо разрозненных: пользователь получает цену немедленно, без перехода между несколькими формами.Поиск по адресу и выбор планировки: стандартные габариты автоподставляются без выезда замерщика.Типы конструкций: одно-, двух-, трёхстворчатые, балконная дверь и ручной ввод мм.Выбор профилей и дополнений в корзину: клиент формирует заказ в одном интерфейсе.Авторасчёт стоимости (самовывоз, без монтажа) и оформление заявки через сайт.CRM: заявки, клиенты, контент сайта, пользователи админки в едином интерфейсе.

Мосокна — онлайн-калькулятор окон и CRM — обложка кейса

МосокнаПроизводство и остекление, e-commerce

Клиент

«Московские окна» — производитель ПВХ-окон

Отрасль

Производство и остекление, e-commerce

Платформы

Веб (калькулятор + CRM/админка)

Срок

MVP-ориентир: 12–20 недель

О продукте

Коротко — что это за продукт и для кого мы его делали.

«Московские окна» — крупнейший производитель пластиковых окон в России с собственным производством в Московской области. К нам заказчик пришёл с типичной для зрелого бизнеса проблемой: на разных сайтах и страницах жили разрозненные калькуляторы, а заявки и клиенты обрабатывались в отдельной CRM. Цены расходились, лиды терялись при ручном переносе, а править прайсы приходилось в нескольких местах сразу.

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

Задача

Организовать единую бизнес-логику расчёта калькуляторов. Объединить расчёты с разных сайтов в одну систему. Исправить ошибки в работе существующих решений.

Задача осложнялась тем, что заказчик пришёл без чётких требований и с несколькими унаследованными калькуляторами, которые считали по-разному. Нужно было не просто переписать код, а вывести единый источник истины для цен и заявок.

Особенности проекта

Проведена аналитика существующих калькуляторов и CRM-системы в условиях отсутствия чётких требований. Создана новая архитектура бэкенда для реализации единой бизнес-логики. Переписаны калькулятор и CRM-система на современные технологии.

Реализована масштабируемая инфраструктура, позволяющая подключать новые сайты и адаптировать продукт для разных регионов и аудиторий. Обновлены сайты клиента: Мосокна, Рехау, а также ведётся работа по переносу системы на сайт СкачайОкно.

Решение и подход

Как мы собрали продукт — от архитектуры до процесса.

Мы начали с ревизии унаследованных калькуляторов и CRM, чтобы восстановить фактическую бизнес-логику расчёта там, где не было документации. На этой основе спроектировали новую архитектуру бэкенда: единый расчётный движок на сервере, который применяет актуальные прайсы и коэффициенты по типу планировки и конфигурации, а результат отдаёт и в интерфейс калькулятора, и в CRM.

Калькулятор и CRM переписали на современный стек — PHP Laravel на бэкенде и React на фронтенде. Заявка с деталями конфигурации попадает в CRM автоматически, без ручного переноса, а прайсы правятся централизованно и мгновенно расходятся на все подключённые сайты. Инфраструктуру заложили масштабируемой: подключить новый сайт или регион — это конфигурация, а не отдельная разработка.

Технологический стек

Инструменты подобраны под задачу продукта.

PHP

Бэкенд

Laravel

Фреймворк бэкенда, бизнес-логика расчёта

React

Фронтенд калькулятора и CRM

Почему единый центр расчёта вместо разрозненных калькуляторов

Разрозненные калькуляторы на разных страницах сайта дают несогласованные цены и не передают лиды в CRM. Единая платформа решает эту проблему: расчёт выполняется на сервере по актуальным прайсам, результат автоматически попадает в CRM в виде лида с деталями конфигурации.

Функции продукта

Ключевые возможности, которые закрыли задачу бизнеса.

Поиск по адресу

Пользователь вводит адрес и выбирает планировку квартиры. Система автоматически подтягивает данные о размерах окон и балконов, исключая необходимость выезда замерщика.

Выбор типа оконной конструкции

Одно-, двух-, трёхстворчатое окно или балконная дверь — пользователь выбирает конфигурацию под свою квартиру.

Указание размеров

Калькулятор позволяет ввести точные размеры окон в миллиметрах для персонализированного расчёта.

Выбор профилей и дополнений

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

Расчёт стоимости

Система автоматически рассчитывает стоимость оконной конструкции с учётом всех введённых параметров — при условии самовывоза и без монтажа.

Оформление заказа

Готовый расчёт добавляется в корзину, остекление можно заказать напрямую через сайт; предусмотрен переход на менеджера для консультации.

Как это работает

Ключевые экраны продукта — по шагам.

Конфигуратор окна по комнатам

Клиент собирает окно для каждой комнаты: выбирает тип конструкции, систему профилей (например, REHAU BLITZ), фурнитуру и дополнительные опции — подоконник, отлив, монтаж, соединительные элементы, ручки.

Сервер тут же считает стоимость по актуальному прайсу и показывает состав заказа построчно с ценами. Клиент видит итог онлайн, без звонка и ожидания ответа из офиса.

Старт расчёта по адресу дома

Калькулятор начинается с простого шага: пользователь вводит адрес дома, где собирается менять окна, — или выбирает дом на карте.

Для типовых планировок в базе заложены стандартные габариты, поэтому расчёт стартует без выезда замерщика: путь от захода на сайт до цены становится максимально коротким.

Выбор конструкций для замены

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

Выбор наглядный — схемы конструкций с размерами и счётчиком количества, так что клиент формирует корректную конфигурацию заказа сам, без консультации.

Витрина бренда с точкой входа в расчёт

Единый центр расчёта питает витрину бренда «Московские окна»: главная с акциями, каталогом остекления и статусом партнёра REHAU выводит пользователя к калькулятору из шапки и промо-баннеров.

Одна и та же расчётная логика работает на нескольких сайтах бренда, поэтому цены и правила везде совпадают, а новый сайт подключается конфигурацией, а не отдельной разработкой.

Архитектура и персональные данные

Калькулятор собирает имя, телефон и адрес пользователя для вызова замерщика. Данные обрабатываются заказчиком как оператором ПДн; хранятся на территории РФ. Архитектура платформы спроектирована с учётом минимального набора полей и ограничения доступа к CRM по ролям.

Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных.

В цифрах

единый центр расчёта вместо разрозненных калькуляторов

сайта бренда на одной платформе: Мосокна, Рехау, СкачайОкно

ручного переноса лидов — заявка сразу в CRM с конфигурацией

152-ФЗ

обработка ПДн, хранение данных на территории РФ

Единый онлайн-калькулятор вместо разрозненных: пользователь получает цену немедленно, без перехода между несколькими формами.
Поиск по адресу и выбор планировки: стандартные габариты автоподставляются без выезда замерщика.
Типы конструкций: одно-, двух-, трёхстворчатые, балконная дверь и ручной ввод мм.
Выбор профилей и дополнений в корзину: клиент формирует заказ в одном интерфейсе.
Авторасчёт стоимости (самовывоз, без монтажа) и оформление заявки через сайт.
CRM: заявки, клиенты, контент сайта, пользователи админки в едином интерфейсе.

Архитектура и персональные данные

Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных. Статус оператора проверяется в реестре операторов ПДн РКН.

Часто задаваемые вопросы

Что такое онлайн-калькулятор окон и как он помогает продавцам окон?

Онлайн-калькулятор окон позволяет покупателю выбрать конфигурацию (тип окна, число створок, габариты, дополнения) и получить цену здесь же на сайте, без ожидания ответа из офиса. Для продавца это сокращает количество обращений к менеджерам: клиент получает цену без звонка.

Зачем объединять калькулятор и CRM в одну систему?

Отдельный калькулятор без CRM требует ручного переноса заявок: менеджер переписывает данные вручную, что увеличивает риск ошибки и замедляет обработку. Единая платформа автоматически передаёт данные конфигурации в CRM, менеджер сразу видит заявку с выбранными параметрами. Исключается потеря лидов и расхождение цен.

Как калькулятор определяет габариты без выезда замерщика?

Для типовых планировок (однокомнатная, двухкомнатная, трёхкомнатная) в базе системы заложены стандартные габариты. Пользователь также может ввести свои размеры вручную в миллиметрах. Серверная логика расчёта применяет актуальные цены и коэффициенты по виду планировки и конфигурации.

Как защищаются персональные данные пользователей в калькуляторе?

Персональные данные (имя, телефон, адрес) обрабатываются в соответствии с 152-ФЗ. Пользователь даёт согласие перед отправкой заявки; данные хранятся на серверах на территории РФ. Оператор ПДн — заказчик; статус проверяется в реестре РКН.

Сколько занимает разработка калькулятора с CRM под ключ?

Сроки зависят от сложности прайсовой модели, числа типов изделий и глубины интеграций. Типичный диапазон для MVP: 12–20 недель (отраслевой ориентир). Реальные сроки согласовываются на брифинге по конкретному проекту.