Московские окна. Как базовая техподдержка стала масштабным проектом, который приносит клиенту стабильную прибыль

1. Вводная задача от заказчика, проблематика, цели

ООО «Московские окна» — одна из крупнейших компаний по производству пластиковых окон в Москве. Компания на рынке с 1992 года. Сегодня «‎Мосокна» — это сеть офисов по всей России, собственные производственные площадки и 3 миллиона довольных клиентов.

Сайт mosokna.ru создали еще в 2007 году, и с тех пор над ним работали разные подрядчики. За эти годы на ресурсе скопилось много неактуальных данных, которые сильно тормозили работу сайта.

В 2023 году компания пришла к web-продакшну RocketDev на техподдержку. Уже через год мы разрабатывали для «Мосокон» новый сайт на базе React и Next.js.

С тех пор mosokna.ru остается под нашим постоянным контролем. Специалисты RocketDev развернули на сайте масштабный проект. В первую очередь провели глобальную маркетинговую аналитику, с помощью которой определили:

• стратегию эффективного мультиканального продвижения;
• методы оптимизации клиентского пути;
• развернутый список рекомендаций по улучшению сайта.

Благодаря такому подходу за год работы продвижение «Мосокон» окупилось на 5000%.

Но за этим результатом стояла не только комплексный интернет-маркетинг, но еще и грамотная техподдержка, которую на новом сайте мы развернули с нуля.

В этом кейсе мы расскажем, как нам удалось объединить разработку, техподдержку и комплексное SEO/GEO-продвижение, чтобы в итоге получить удобный, масштабируемый ресурс, который приносит клиенту стабильную прибыль.

Кейс о техподдержке первой версии сайта «Московские окна»

Сайт web-продакшна RocketDev

2. Описание реализации кейса и творческого пути по поиску оптимального решения

РАЗРАБОТКА САЙТА

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

• сжатые сроки — до начала сезона повышенного спроса оставалось всего несколько месяцев;
• высокие риски, которые были связаны с работой в несколько потоков — разработка сайта и внедрение новой стратегии продвижения происходили одновременно.

В такой ситуации следует не паниковать, а действовать по четкому плану. С его составления мы и начали.

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

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

Новый сайт мы разработали на React. Для фронтенда выбрали фреймворк Next.js, для бекенда — 1С:Битрикс. Это уже не сайт в привычном понимании, а веб-приложение, которое работает без обновления страниц браузером.

Мы обезопасили себя от ошибок: настроили процессы CI/CD с дополнительными тестами, которые не позволят сохранить проект, если в нем есть проблемы с функционалом.

На новом сайте используется технология Incremental Static Regeneration (ISR), снижающая нагрузку на сервер. Загрузка страниц происходит мгновенно, даже если они содержат много разнообразного контента.

Для удобного редактирования мы использовали админ-панель Битрикса и написали собственное API, чтобы передавать данные на сайт в формате JSON. Также связали сайт с внутренней CRM и сервисами компании.

Контент-менеджеры «Мосокон» получили удобный и оптимизированный инструмент: помимо стандартных функций админ-панели Битрикса, мы добавили визуальный редактор Editor.js, который используют такие проекты, как vc.ru, Tinkoff Journal и DTF. С его помощью мы интегрировали готовые блоки и конверсионные элементы прямо в админ-панель, что позволяет менеджерам оперативно пересобирать и обновлять страницы без обращения к команде поддержки.

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

ОПТИМИЗАЦИЯ СЕРВИСОВ САЙТА

Ключевое конверсионное действие для любого интернет-магазина — совершение покупки. На этом этапе мы работали над важной задачей: обеспечить пользователям возможность быстро и без проблем оформить заказ на сайте.

Для этого мы интегрировали современные платежные системы — интернет-эквайринг Альфа-Банка. Для интеграции использовали REST API Альфа-Банка — все данные оплат сохраняются в админ-панели. Настроили и callback-уведомление от банка, после получения которого сайт обновляет статус оплаты в базе данных и отправляет уведомление в CRM.

Мы настроили полную синхронизацию сайта с CRM-системой для маркетологов и менеджеров компании. Для решения этой задачи программисты:

• настроили работу систем аналитики для корректного анализа источников лидов;
• подключили Яндекс.Метрику и настроили правильное работу целей при переходе по страницам;
• использовали телефонию от Calltouch — настроили передачу всех заявок с сайта.

Также мы оптимизировали отслеживание источников лидов. В процессе настройки мы учли пожелания клиента и добавили важные данные: идентификатор формы, UTM-метки, страницу отправки заявки и IP-адрес пользователя.

РАСШИРЕНИЕ ФУНКЦИОНАЛА В ЛИЧНОМ КАБИНЕТЕ ПОЛЬЗОВАТЕЛЯ

Все договоры компании оформляются онлайн, включая рассрочку. Клиент получает ссылку для подписания, изучает оферту и сопутствующие документы. Затем он подтверждает свое согласие через ввод СМС-кода и оплачивает заказ.

Компания предоставляет реферальную программу для юридических лиц. Все шаги — от регистрации партнеров до отслеживания заказов — проходят на сайте.

КАЛЬКУЛЯТОР

Можно подумать, что уже у каждой компании есть свой калькулятор окон, и им никого не удивишь. Но для «Мосокон», которые установили окна в каждом доме Москвы, нужен уникальный инструмент.

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

Особенности калькулятора:

• размещен на нескольких доменах;
• собран на двух фреймворках — Angular и Vue.js.

Каждое нажатие конверсионной кнопки приводило к отправке множества запросов, что увеличивало нагрузку на сайт, сеть и API-сервер. Многие пользователи не дожидались результатов расчета и покидали страницу. База данных для сотрудников работала некорректно — чтобы получить конкретную информацию о заказе, например, стоимость какой-нибудь опции, нужно было обрабатывать большой массив всех возможных цен.

Новую версию калькулятора мы разработали как самостоятельный сервис на отдельном сервере. Дизайн интерфейса полностью синхронизирован с фирменным стилем сайта «Мосокон». Мы интегрировали кнопку активации калькулятора на главную страницу, а также поместили его в поисковую строку. Со стороны пользователя переход к инструменту происходит незаметно, как будто это страница на сайте.

Фронтенд мы реализовали на React, для бэкенда выбрали Laravel. В процессе разработки проанализировали проблемы предыдущих версий и продумали структуру проекта таким образом, чтобы полностью их исключить. В итоге мы получили кратное увеличение скорости загрузки калькулятора по всем параметрам.

Что еще внедрили?

• Перенастроили базу данных и сделали ее более функциональной. В случае повышения цен или изменений в ассортименте обновлять ее стало в разы удобнее. Теперь сотрудники могут быстро выгрузить только нужные данные.
• Мы связали калькулятор с CRM и всеми системами аналитики клиента: Яндекс.Метрика, Calltouch. Настроили передачу UTM-меток — у клиента есть возможность проанализировать источники трафика и оценить эффективность рекламных кампаний.
• В новом калькуляторе можно сделать предварительный расчет стоимости остекления без оформления заказа — результат приходит на почту клиента. Из письма клиент может вернуться в калькулятор, чтобы завершить работу.

Раньше, чтобы внести в изменения в контент калькулятора, было необходимо пересобирать весь проект на dev-сервере, проверять, делать деплой на продакшн, а затем снова проверять результат. Совместно с клиентом мы решили, что сделаем удобную административную часть для сотрудников компании.

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

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

Обычно компании просят ввести тип и площадь помещения, после чего рассчитывают предварительную стоимость, которая будет расти по мере выбора дополнительных услуг. Клиентам «Мосокон» не требуется самостоятельно делать замеры и вводить их вручную, чтобы получить лишь ориентировочную стоимость. В калькуляторе они вводят точный адрес своей квартиры (вплоть до этажа!) — поисковая система автоматически определяет специфику конкретного помещения. Пользователь выбирает позиции, которые подходят под параметры именно его помещений — в калькуляторе уже представлены окна с нужными размерами для каждой комнаты.

Далее калькулятор рассчитывает конечную стоимость, в которую уже входят доставка, монтаж, фурнитура и т.д. Цена остается фиксированной — все вводные автоматически направляются менеджерам, которые связываются с клиентом, чтобы оформить необходимые документы и заключить сделку.

Мы до сих пор не обнаружили ничего подобного у конкурентов. «Мосокна» получили точный и прозрачный инструмент, который стал их официальным УТП. Уже после первых улучшений калькулятора CR на сайте дополнительно увеличился на 9%.

ИНТЕГРАЦИЯ ТЕХПОДДЕРЖКИ SEO/GEO-ЗАДАЧАМИ

Еще на старте проекта мы согласовали между собой дизайн и SEO-стратегию. Над дизайном «Мосокон» работал другой подрядчик – это вызвало ряд сложностей в работе. Дизайнеры сначала разрабатывали страницы, а мы уже создавали под них контент. Да, процесс довольно трудоемкий, но благодаря понятной коммуникации и четким чек-листам мы корректно адаптировали все тексты, и задача была выполнена в короткие сроки.

• Также под контролем SEO-команды были разработаны 118 новых страниц – под каждую категорию товаров и услуг. Каждая из этих страниц уникальна. Структура страницы учитывает специфику конкретной категории и потребности целевой аудитории. Удобные информационные блоки последовательно ведут пользователя от первичного знакомства с информацией до совершения целевого действия.
• Мы убрали дубли страниц и расширили структуру разделов. Например, на старой версии сайта было несколько страниц «купить створчатые окна», «купить створчатые окна в Москве». Мы оставили одну страницу с общей информацией, а также разработали новые для каждой категории этого товара – одностворчатые, двустворчатые, трехстворчатые и т.д.
• Качественная микроразметка выделяет сайт в поисковой выдаче и выводит отдельные элементы в сниппеты. Внедрив микроразметку Shema.org, мы сделали структуру сайта более понятной как для роботов поисковых систем, так и для пользователей. Теперь посетителю сайта нужно приложить минимум усилий, чтобы совершить конверсионное действие.

Кстати, микроразметка очень пригодилась и в тот момент, когда поисковые системы начали активно захватывать AI-ассистенты. Именно разметка помогает им лучше сканировать информацию на сайте и показывать в выдаче больше выдержек из контента — блоков «Вопрос-ответ», статей, инструкций. Это сыграло нам на руку, когда мы подключали к проекту GEO-продвижение.

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

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

На новом mosokna.ru мы сохранили стандартные возможности админ-панели по созданию масок. А это значит, что теперь можно менять мета по специальному шаблону, не пересобирая сайт каждый раз после обновления данных. Наши SEO-специалисты могут тестировать разные варианты мета-тегов, просто меняя маску какой-то части сайта или даже всего ресурса целиком.

ТЕКУЩАЯ ТЕХПОДДЕРЖКА

Сейчас новый сайт находится на постоянной техподдержке у команды RocketDev. Наша задача — следить за работой сайта и совершенствовать его. Мы вносим небольшие технические и визуальные правки, делаем сайт комфортнее для пользователей — настраиваем корзины, интегрируем эквайринг банка.

А еще:

• регулярно проводим code review;
• настраиваем корректную работу модулей фреймворков;
• разрабатываем функционал генерации динамических страниц в sitemap, который ускоряет их индексацию;
• создаем дополнительные шаблоны для админ-панели — они облегчают работу контент-менеджеров и SEO-специалистов;
• расширяем функционал шаблонного редактора — он позволяет быстро кастомизировать конкретные блоки на сайте, не редактируя код;
• настраиваем интеграцию сайта с «VK Видео» и другими медиаплатформами для большей вовлеченности аудитории.

В конце 2025 года в экосистеме React/Next.js была обнаружена критическая уязвимость React Server Components. Под удар попали сервисы, построенные на связке RSC и Next.js, в том числе и те, которые были задействованы в нашем проекте.

Наш мониторинг зафиксировал аномалии на mosokna.ru: нагрузка на CPU возросла до 100%, выросло число исходящих соединений, возникла нестабильность сборок и деплоев.

Мы оперативно отреагировали на эту угрозу, провели мониторинг системы и перенесли сервис на последнюю, более защищенную версию Next.js. А еще:

• оперативно обновили уязвимые компоненты, провели очистку сервера и ротацию секретов;
• по алертам аномальной загрузки CPU/Out egress изолировали подозрительные инстансы, ограничили исходящие соединения;
• внедрили новые патчи Next.js от разработчиков, пересобрали образы, задеплоили исправления;
• удалили вредоносные процессы и их автозапуски (cron/systemd/rc‑скрипты), заменили токены и секреты (ENV, CI/CD).

Сейчас сайт полностью защищен от вредоносного ПО, работает стабильно, без перебоев. Ну а мы продолжаем улучшать его функционал, проводить регулярные обновления и планировать новые проекты для клиентов mosokna.ru.

Антон Щетинин

CEO, RocketDev

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

Александр Корнюхин

технический директор, RocketDev

Круто быть частью большого проекта. Особенно приятно видеть результат: сотни тысяч посетителей сайта в 6 раз быстрее получают расчет цены. Мы смогли наладить работу калькулятора и получили благодарность от коллег из Москвы.

Калькулятор «Московских окон»

3. Результаты сотрудничества

Сегодня мы в режиме 24/7 следим за состоянием сайта благодаря внутренней системе мониторинга RocketDev — уведомления с подробностями о сбоях и ошибках приходят в специальный бот, который мы разработали для наших проектов. Это позволяет нам мгновенно подключиться к решению проблемы и исправлять ошибки незаметно для пользователей сайта.

Еще на первых этапах работы представители «Мосокон» отметили, что стало гораздо удобнее пользоваться сайтом на любом устройстве. В разы повысилась конверсионность нового сайта по сравнению с его прошлой версией.

Уже в первый сезон повышенных продаж поисковой трафик на новый сайт вырос на 30% — сайт занял стабильно высокие позиции в поисковых системах, на которых остается и по сей день.

На старом сайте процент отказов из поисковых систем достигал 17,5%. Благодаря постоянной оптимизации работы нового сайта мы сократили этот показатель более чем в 12 раз — до 1,39%.

Увеличили конверсию в лид на 21% благодаря обновленному калькулятору.

Дополнительная техническая проработка сайта в рамках GEO-продвижения обеспечила новый трафик из АI-ассистентов. За полгода работы он вырос на 500%.

Эрна Саркисян

коммерческий директор, RocketDev

Для меня этот проект — про управление ожиданиями и прозрачность. Когда у клиента есть чёткая обратная связь и быстрые согласования, команда может работать в спокойном темпе даже при высокой нагрузке и принимать решения на основе данных, а не предположений. В “Мосокнах” мы выстроили именно такой формат: без лишней бюрократии, с понятными приоритетами и ответственностью на каждой стороне.

4. Заключение

«Московские окна» — проект, за которым стоят тысячи часов кропотливой работы команды RocketDev. Мы начинали с базовой техподдержки предыдущей версии сайта, а уже через несколько лет развернули масштабную работу по всем направлениям на новом ресурсе.

В проект вошли:

• расширенная маркетинговая аналитика, направленная на окупаемость инвестиций в продвижение;
• перенос сайта на новый стек, полный редизайн и комплексная техническая поддержка;
• техническая оптимизация сайта для эффективного SEO/GEO‑продвижения;
• создание дополнительных ресурсов для развития проекта.

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

Итоги этого и других наших кейсов по работе с «Мосокнами» говорят сами за себя:

• более 5000% окупаемости маркетинговых вложений;
• современный и быстрый сайт с удобным функционалом для клиентов;
• стабильно высокий трафик на ресурсы клиента с минимальным количеством отказов;
• новые сервисы и функции сайта, которые уже находятся в разработке у нашей команды.

Этот проект действительно уникален: он показывает, что даже за относительно короткий срок сотрудничества агентство может выстроить с клиентом крепкие и прозрачные отношения — благодаря качеству работы и сильной экспертизе. Мы регулярно предлагаем новые и нестандартные решения во всех зонах проекта — от техподдержки до GEO‑продвижения. Внедряем только то, что действительно приносит результат, а не делается «для галочки» или ради трендов.

Роман Лукьянчиков

руководитель отдела рекламы, ООО «Московские окна»

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

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