Абрин

Исходные данные и задачи

• Обновить морально устаревший сайт, объединить производство материалов и подрядные направления в одну понятную структуру.

• Дать заказчику (B2B/B2G) быстрый ответ: где применяются материалы, чем они лучше и какие объекты уже сделаны.

• Подготовить SEO-посадочные под основные работы: ремонт мягкой/металлической кровли, защита металлоконструкций, защита ЖБ, гидроизоляция, фасады.

• Обеспечить лёгкую подачу сертификатов/ТУ/паспортов материалов и онлайн-заявку на расчёт.

Что сделали

Информационная архитектура

• Сферы применения — иконками на первом экране + развёрнутые лендинги с составом работ, технологиями нанесения, преимуществами и блоком кейсов.

• Свойства материалов: «экологичны», «экономичны», «огнебезопасны», «водоотталкивающие», «эластичные», «УФ-/химстойкие» — отдельные страницы со схемами и примерами.

• Портфолио: карточки объектов с фильтрами (тип работ, отрасль, регион). Каждая карточка — фото «до/после», технологии, объёмы, сроки, использованные материалы и результат.

• Документация: паспорта, ТУ, декларации, протоколы испытаний — скачивание по клику, версионирование и поиск.

• О компании: опыт 25+ лет, география объектов, логотипы клиентов (РЖД, Татнефть, Камаз, промышленные и бюджетные заказчики).

Лидогенерация

• Единая форма «Получить расчёт» (объём/тип работ, площадь, состояние кровли/основания, файлы проектной документации).

• Быстрые формы «Спросить технолога» и «Скачать паспорта одним архивом» с email-отправкой.

• Кнопки связи и мессенджеры на мобайле, CTA-блок внизу каждого раздела и кейса.

UX/UI и контент

• Лёгкая «белая» графика под кирпич/бетон, технологичные иконки и читаемая типографика — упор на понятность для инженера.

• В портфолио — акцент на проблему/решение/результат (адгезия, коррозия, протечки; применённые системы; гарантия).

Технологии и производительность

• 1С-Битрикс: Управление сайтом (композит), PHP 8.1, Nginx, MySQL.

• WebP/AVIF, критический CSS, lazy-loading фото/видео, микроленивая анимация, кеширование списков и файлов документации.

• В метриках: TTFB ~450–650 мс, LCP 1,9–2,3 с, CLS < 0,05 (моб/десктоп).

Интеграции и аналитика

• GA4 + Яндекс.Метрика: события — открытие/отправка форм, клик «скачать документ», переход в мессенджер, звонки.

• Экспорт заявок в CRM (email + веб-хуки), UTM-метки и источник сохранены в карточке.

SEO-подготовка

• Семантика по услугам/болям: ремонт мягкой кровли ТПО/ПВХ/битум, защита металлоконструкций от коррозии, гидроизоляция резервуаров/лотков, защита ЖБ от карбонизации, и т. д.

• ЧПУ, хлебные крошки, авто-Title/H1/Description, микроразметка Organization/Breadcrumb/Article, sitemap/robots, 301-редиректы.

• Лонг-риды по технологиям нанесения + FAQ по гарантиям и условиям эксплуатации.

Результаты

• +35% конверсия в заявку с органики и контекстных посадочных (YoY).

• +52% рост органического трафика по страницам услуг и портфолио.

• –28% время до первого клика по CTA благодаря фикс-бару и аккуратному расположению форм.

• Сокращение запросов «пришлите паспорта» — теперь 80% документов скачиваются напрямую из раздела «Документация».

Сроки и команда

• Дискавери/структура — 1 неделя

• Дизайн — 1,5 недели

• Разработка — 3 недели

• Наполнение/SEO-старт — 1 неделя
  Итого: ~5,5 недель. Команда: PM, UX/UI, фронтенд, Битрикс-разработчик, SEO/контент, аналитик.

Стек

1С-Битрикс, PHP 8.1, Nginx, MySQL, SCSS, ES-modules, WebP/AVIF, GA4, Яндекс.Метрика.

Roadmap

• Калькуляторы: кровельная системная сборка и антикор-система с расчётом расхода и стоимости.

• Личный кабинет дистрибьютора (прайсы, заявки, документы).

• Мультирегиональность (страницы под ключевые регионы и объекты).

• Сбор лидов на технические выезды/обследования с календарём.