Четыре состояния
Десктоп, мобильная версия, фиксированный при скролле и нижнее меню на мобильных.
16 июля 2026
Кейс клиента
Для Северной металлургической компании из Санкт-Петербурга мы обновили сайт и связали его с продажами: вместо пустых форм - пошаговый подбор решения, заявки сразу уходят в Битрикс24, каталог собирается из прайсов нескольких поставщиков без дублей, а маркетинг видит, откуда пришло каждое обращение.
Задача
У компании уже был сайт, но заявки приходили письмами на почту и терялись, каталог собирали вручную из прайсов нескольких поставщиков, а маркетинг не видел, откуда приходят обращения. Нужна была не смена оформления, а система, которая передаёт заявки в CRM и снимает ручную работу с каталогом.
Редизайн
Редизайн не свёлся к главной странице: по макету пересобраны шапка, подвал и блоки услуг, а мобильная версия перестроена по-настоящему - меняется логика блоков, а не только их ширина.
Десктоп, мобильная версия, фиксированный при скролле и нижнее меню на мобильных.
Подвал, баннер услуг с раскрывающимся списком, блоки о полном цикле работы с металлом и подходе компании.
Не просто сузившаяся вёрстка: переключатели превращаются в выпадающие списки, сетки - в карусели, порядок блоков меняется под маленький экран.
Изготовление металлоконструкций, металлоизделия, металлообработка и разработка КМД - с иллюстрациями и переходами на вложенные страницы.
Вместо пустой формы - пошаговый подбор с инженером-технологом: какая услуга нужна, какой металл обработать, есть ли чертежи. Ответы приходят в Битрикс24 одной структурированной заявкой.
Страницы под каждое изделие и услугу создаются по шаблону со своим заголовком и описанием - сайт растёт под поисковые запросы без ручной вёрстки.
Как выглядит сайт
Живые скриншоты smk78.com (сентябрь 2026): первый экран на десктопе и мобильная версия, в которой меняется логика блоков, а не только ширина колонок.
Каталог
Без автоматизации это либо построчная ручная сверка, либо каталог, в котором один товар показан трижды по трём ценам. Мы настроили автоматическую обработку прайсов: система находит совпадения, склеивает карточки, а сомнительные случаи показывает человеку.
Если в прайсе не хватает параметра - например, не указан металл, - система дополнит его по названию и разделу. Только в пустые поля: данные поставщика всегда важнее.
Система сравнивает название и характеристики позиции, поэтому узнаёт один и тот же товар, даже если поставщики записали его по-разному. Новые карточки сверяются с уже существующими в том же разделе.
Похожие карточки объединяются автоматически, спорные показываются человеку попарно и подтверждаются одной кнопкой. Предложения разных поставщиков с их ценами остаются внутри одной карточки.
Разбор прайсов не мешает сайту: загрузка и сверка идут фоном, посетители этого не замечают.
Лиды
Звонки, письма и формы сайта связаны в один контур с Битрикс24: маркетинг видит, откуда пришло обращение, а менеджер получает заявку со всеми данными.
Телефония Callibri подключена к Битрикс24 напрямую, а не через переадресацию номера - так стабильнее. Звонки сами создают лиды.
Яндекс.Метрику восстановили и выверили. Для учёта обращений по почте выделили отдельный адрес.
Формы сайта создают лиды в Битрикс24. Вместе с заявкой передаются источник, рекламные метки, данные Метрики и ответственный менеджер.
От первого визита до заявки в Битрикс24 - с источником и метками. Каталог из нескольких прайсов выглядит как один: на каждую позицию - корректная цена от подходящего поставщика, а вручную проверять приходится только спорные совпадения. Маркетинг видит, какой канал и запрос принесли обращение, вместо того чтобы гадать по общей статистике.
Из доводок, незаметных на первый взгляд: поправили номер телефона в контактах, из-за которого не работала подмена коллтрекинга, убрали визуальный артефакт в логотипе и исправили адрес производства в футере и на странице контактов.
В проекте использовали Битрикс24, Callibri и Яндекс.Метрику; обработку прайсов вынесли в отдельный сервис, чтобы она не мешала сайту.
Мы используем файлы cookie и обрабатываем персональные данные, чтобы сайт работал корректно. Продолжая пользоваться сайтом, вы соглашаетесь с политикой обработки персональных данных.
Без длинных брифов и "свяжемся в течение 3 дней". Уточним задачу и предложим подходящий формат работ.
Свяжемся с вами в течение часа в рабочее время.