← Ко всем кейсам
Окна и остекление · корпоративный сайт

Сайт оконной компании с панелью и регулярным аудитом на соответствие закону

СтройТрансСервис с 2003 года изготавливает и устанавливает пластиковые окна, балконы, портальные системы и зимние сады во Владимире. Старый сайт стоял на закрытой CMS без обновлений и противоречил сам себе. Мы провели аудит, за восемь дней перевели компанию на новый сайт с панелью управления, а проверку на соответствие закону и маркетингу сделали регулярной. Сайт работает на spk-balstroy.ru.

Стоимость
50 000 ₽

Что было нужно

  • Старый сайт — на закрытой CMS 2016 года: обновлений нет, любая правка идёт через разработчика, в админке — дыры в безопасности.
  • Тексты спорили друг с другом: две разные гарантии, разные цены на одни и те же окна, рекламные обещания без подтверждений.
  • Компания принимает заявки с персональными данными: нужен настоящий оператор в согласии, доказательство согласия и хранение данных в России.
  • Сайтом должна управлять сама компания — услуги, цены, работы, акции и статьи — без звонка разработчику.
  • Переезд без потерь: старые адреса из поиска и закладок должны вести на новые страницы.

Что сделали

  • Провели аудит старого сайта — с разрешения клиента и только на чтение: движок, безопасность, формы, SEO, домены. Вывод: не латать, а переезжать.
  • Перенесли все 46 страниц дословно, а каждое противоречие вынесли в список вопросов клиенту — какая гарантия верная, решает компания, а не мы.
  • Собрали новый сайт: шестнадцать блоков главной, страницы услуг, работ, цен, акций и статей — у каждой свой адрес и SEO-поля.
  • Сделали панель управления на отдельном поддомене: услуги, работы с категориями, цены, акции, отзывы, вопросы, статьи, медиатека и пользователи.
  • Встроили аудит: прогон сверяет сайт с 152-ФЗ, законом «О рекламе» и правами потребителей, а каждая находка ложится в раздел «Замечания» с кнопкой к месту правки.
  • Индексацию клиент включит, когда закроет блокеры. Включить раньше можно, но панель тут же поднимет собственный блокер — в поиск не уйдёт текст, за который потом придётся отвечать.
  • Заявка сначала записывается в базу и только потом уходит письмом; вместе с ней сохраняются согласие, версия политики, IP и время.
  • Данные хранятся в России. Срок хранения — одно число в панели: по его истечении заявки обезличиваются автоматически.
  • Настроили 37 редиректов со старых адресов, а логотип перерисовали из растра в векторный комплект.
—

Как это выглядит

Сначала сайт — на компьютере и телефоне, затем панель, из которой компания управляет им сама.

01screenshot
Первый экран: оффер, два целевых действия и фото объекта. Заголовок, подзаголовок и фон меняются в панели — вёрстка остаётся.
Первый экран: оффер, два целевых действия и фото объекта. Заголовок, подзаголовок и фон меняются в панели — вёрстка остаётся.
02screenshot
Пять услуг карточками с ценой «от». У каждой своя страница: адрес, заголовок и описание для поиска.
Пять услуг карточками с ценой «от». У каждой своя страница: адрес, заголовок и описание для поиска.
03screenshot
Реализованные проекты с фильтром по категориям и счётчиками. Объект, категория и порядок — обычные записи в панели.
Реализованные проекты с фильтром по категориям и счётчиками. Объект, категория и порядок — обычные записи в панели.
04screenshot
Страница услуги: хлебные крошки, цена «от» и оговорка, которая не даёт прайсу стать публичной офертой.
Страница услуги: хлебные крошки, цена «от» и оговорка, которая не даёт прайсу стать публичной офертой.
05screenshot
Этапы работы: шесть шагов от звонка до уборки после монтажа. Текст и порядок шагов правятся в панели.
Этапы работы: шесть шагов от звонка до уборки после монтажа. Текст и порядок шагов правятся в панели.
06screenshot
Вопросы и ответы аккордеоном в две колонки — с разметкой FAQPage, которую читают поисковики.
Вопросы и ответы аккордеоном в две колонки — с разметкой FAQPage, которую читают поисковики.
07screenshot
Заявка на замер: без согласия на обработку данных кнопка не активна, рядом — ссылка на политику.
Заявка на замер: без согласия на обработку данных кнопка не активна, рядом — ссылка на политику.
08screenshot
Телефон: та же вёрстка и закреплённая внизу панель «Позвонить / Вызвать замерщика».
Телефон: та же вёрстка и закреплённая внизу панель «Позвонить / Вызвать замерщика».
09screenshot
Блоки лендинга: шестнадцать блоков, порядок перетаскиванием, любой скрывается переключателем. Набор закрыт — сломать страницу из панели нельзя.
Блоки лендинга: шестнадцать блоков, порядок перетаскиванием, любой скрывается переключателем. Набор закрыт — сломать страницу из панели нельзя.
10screenshot
Оформление: цвета, шрифты и скругления с живым превью. Панель считает контраст по WCAG и сразу предупреждает, если текст станет нечитаемым.
Оформление: цвета, шрифты и скругления с живым превью. Панель считает контраст по WCAG и сразу предупреждает, если текст станет нечитаемым.
11screenshot
«Замечания» — реестр аудита на соответствие закону и маркетингу: блокеры, предупреждения и кнопка к месту правки. Формулировки клиента на снимке скрыты.
«Замечания» — реестр аудита на соответствие закону и маркетингу: блокеры, предупреждения и кнопка к месту правки. Формулировки клиента на снимке скрыты.
12screenshot
Карточка заявки: источник, согласие, редакции согласия и политики, IP и браузер. Это доказательная база по 152-ФЗ, а не просто контакт.
Карточка заявки: источник, согласие, редакции согласия и политики, IP и браузер. Это доказательная база по 152-ФЗ, а не просто контакт.
13screenshot
Медиатека: alt-текст обязателен, SVG не принимается, а перед удалением панель покажет, где картинка используется.
Медиатека: alt-текст обязателен, SVG не принимается, а перед удалением панель покажет, где картинка используется.
14screenshot
Настройки: бренд, оформление, шапка и подвал, контакты, SEO, аналитика, реквизиты — всё без пересборки сайта.
Настройки: бренд, оформление, шапка и подвал, контакты, SEO, аналитика, реквизиты — всё без пересборки сайта.
—

Что получили в итоге

8 дней

от первого коммита до запуска

С 19 по 27 сентября: сайт, панель, перенос контента, юридический контур и боевой сервер с сертификатами и резервными копиями.

35

замечаний в первом прогоне аудита

18 из них — блокеры. У каждого — объяснение, какую норму задевает формулировка, и кнопка к месту, где её править.

100

баллов доступности в Lighthouse

Замер на боевом сайте — вместе со 100 баллами за лучшие практики и нулевым сдвигом вёрстки.

37

старых адресов без потерь

Каждый адрес старого сайта ведёт на свою новую страницу — ссылки из поиска и закладки не ломаются.

—

Что умеет панель

  1. 01

    Блоки главной

    Шестнадцать блоков: порядок перетаскиванием, видимость переключателем, свой заголовок и фон.

  2. 02

    Услуги и цены

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

  3. 03

    Работы

    Объекты с категориями и фото, фильтр на сайте, порядок перетаскиванием.

  4. 04

    Замечания

    Реестр аудита: блокеры, предупреждения, статусы и ссылка к месту правки. Закрытое, но снова найденное замечание открывается само.

  5. 05

    Самоконтроль

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

  6. 06

    Оформление

    Цвета, восемь шрифтов, скругления, живое превью и проверка контраста по WCAG.

  7. 07

    Заявки

    Статусы, зафиксированные согласия, поиск и выгрузка в CSV — только владельцу.

  8. 08

    Медиатека и SEO

    Обязательный alt-текст, запрет SVG, заголовки и описания страниц для поиска.

  9. 09

    Пользователи и безопасность

    Роли владельца и редактора, второй фактор при входе и журнал: кто и что менял на сайте.

— такой же проект для вас

Нужен сайт, который не подставит вас перед законом?

Расскажите о компании и задаче. Подготовим структуру, смету и сроки за пару дней, а если сайт уже есть — начнём с аудита: что в нём держится, а что пора менять.

Сайт с CMS, который сам проверяет себя на соответствие закону — Corexy