Четыре состояния
Десктоп, мобильная версия, фиксированный при скролле и нижнее меню на мобильных.
СМК — Редизайн сайта и автоматизация каталога металлопроката
16 июля 2026
Кейс клиента
Для Северной металлургической компании мы пересобрали сайт по новому дизайну и превратили его в воронку продаж: пошаговые квизы вместо статичных форм, программная генерация SEO-страниц, каталог, который собирается из прайс-листов нескольких поставщиков без дублей, и сквозная аналитика — от первого визита до размеченного лида в Битрикс24.
4 недели
от старта работ до запуска обновлённого сайта
16
задач в объёме проекта — от вёрстки до интеграций
~90
часов чистой разработки
5 шагов
конвейер обработки прайса: импорт, обогащение, дедупликация, слияние, очередь
Задача
Пересобрать сайт в инструмент продаж, а не визитку
У клиента уже был сайт, но он не работал как воронка продаж: заявки терялись в почте, каталог собирался вручную из прайсов нескольких поставщиков и зарастал дублями, а маркетинг не понимал, откуда приходят звонки и заявки. Нужен был не косметический редизайн, а пересборка сайта в инструмент, который приносит размеченные лиды в CRM и не требует ручной рутины на бэкенде.
Что не работало
- Заявки уходили простыми письмами на почту и терялись — без меток, источников и ответственных.
- Каталог собирался вручную из прайсов нескольких поставщиков и зарастал дублями.
- Одна и та же позиция у разных поставщиков названа по-разному: «40x20x2, оцинкованная», «40×20×2 оцинк.», кириллица вперемешку с латиницей — и показывалась трижды по трём разным ценам.
- Маркетинг не видел, с какого канала и по какому запросу приходят звонки и обращения.
Наш подход
- Редизайн по макету с перестройкой логики блоков под мобильные, а не просто резиновой вёрсткой.
- Квизы вместо статичных форм: структурированная заявка сразу в Битрикс24.
- Автоматизация каталога на связке портала и внешнего сервиса на n8n с GPT — ручная сверка только на спорных совпадениях.
- Программные SEO-страницы под кластер поисковых запросов без ручной вёрстки каждой карточки.
- Сквозная разметка лидов: UTM, ClientID Яндекс.Метрики, источник трафика и ответственный менеджер.
Редизайн
Пересобрали сайт по макету — не ограничиваясь вёрсткой одного экрана
Редизайн не свёлся к главной странице: пересобрали хедер, футер, блоки услуг и мобильную версию, в которой меняется сама логика блоков, а не только ширина колонок.
Главная и услуги
Футер, баннер услуг из инфоблока с аккордеоном, блоки «Полный цикл работы с металлом» и «Подход, который экономит ваше время и бюджет».
Перестройка логики блоков
Не резиновая вёрстка: радио-кнопки превращаются в выпадающие списки, сетки — в карусели, порядок блоков меняется под маленький экран.
Блок дополнительных услуг
Изготовление металлоконструкций, металлоизделия, металлообработка и разработка КМД — с иллюстрациями и переходами на вложенные страницы.
Подбор решения с персонажем
Пошаговый квиз с инженером-технологом вместо статичной формы: какая услуга интересует, какой металл нужно обработать, есть ли чертежи. Кастомные радио-кнопки и селекты, клиентская валидация, отправка по AJAX — результат сразу в Битрикс24 структурированной заявкой.
Программные SEO-страницы
Вложенные страницы под каждое изделие и услугу генерируются по шаблону с уникальным заголовком и описанием — количество релевантных страниц под кластер запросов растёт без ручной вёрстки.
Каталог
Каталог из прайсов нескольких поставщиков — без дублей
Без автоматизации это либо ручная построчная сверка, либо каталог, где один и тот же товар показан трижды по трём разным ценам. Решение построено на связке портала и внешнего сервиса на n8n с GPT.
01
Импорт прайс-листов
- Прайс-лист XLS/XLSX уходит на разбор в n8n и возвращается нормализованным списком товаров.
- Каждая позиция привязывается к дереву разделов каталога — общему для всех поставщиков.
- «Сортовой прокат» не плодится по одному узлу на каждый прайс.
Обогащение характеристик
Если в прайсе не хватает параметра — например, не указан металл, — характеристика дозаполняется моделью по названию и разделу. Только в пустые поля: данные из прайса всегда приоритетнее догадки ИИ.
Поиск дублей по смыслу
Для каждого товара считается векторное представление (embedding) по названию и характеристикам — похожие по смыслу позиции получают близкие вектора, даже если написаны по-разному. Новые карточки сравниваются с уже существующими в том же разделе каталога от других поставщиков.
Слияние и ручная проверка
При высоком сходстве карточки объединяются автоматически, пограничные уходят в очередь на ручную проверку — кандидаты показываются попарно и подтверждаются одной кнопкой. Ничего не удаляется: три поставщика с разными ценами сохраняются внутри одной карточки как отдельные предложения.
Асинхронная обработка
Импорт, дозаполнение и сравнение — не блокирующие операции: всё уходит в очередь и разбирается фоновым заданием, чтобы тяжёлый разбор прайса не вешал сайт во время загрузки.
Лиды
Каждая заявка приходит в CRM размеченной
Телефония, почта и формы сайта сведены в единый контур: маркетинг видит, с какого канала и по какому запросу пришла каждая заявка.
Callibri по SIP
Телефония Callibri переведена на SIP-подключение к Битрикс24 — это стабильнее, чем просто редирект номера. Звонки автоматически создают лиды.
Метрика и email-tracking
Яндекс.Метрика подключена и выверена; под email-tracking выделен отдельный адрес, чтобы обращения по почте тоже попадали в аналитику.
Лиды вместо писем
Формы сайта переведены на создание лидов в Битрикс24; звонки и письма приходят с UTM-метками, ClientID Яндекс.Метрики, источником трафика и назначенным ответственным.
Результат: сайт стал воронкой, а не визиткой
От первого экрана до лида в CRM с полным набором меток. Каталог из нескольких прайсов выглядит как один — с корректной ценой от подходящего поставщика на каждую позицию, а ручная сверка нужна только на спорных совпадениях, а не построчно по всему прайсу. Маркетинг видит, с какого канала и по какому запросу пришла каждая заявка, вместо того чтобы гадать по общей статистике звонков.
4 недели
от старта до запуска: 16 задач и около 90 часов чистой разработки — редизайн, квизы, SEO-страницы, каталог без дублей и сквозная разметка лидов.
Из доводок, незаметных на первый взгляд: поправили номер телефона в контактах, из-за которого не работала подмена коллтрекинга, убрали визуальный артефакт в логотипе и исправили адрес производства в футере и на странице контактов.
Стек проекта: Bitrix24 (инфоблоки, бизнес-процессы, CRM), n8n как внешний оркестратор тяжёлых операций (разбор прайсов, обращения к GPT, генерация эмбеддингов), Callibri (телефония и email-tracking), Яндекс.Метрика.
