Разработка сайта с конфигуратором комплектации для производителя компрессоров

Разработка сайта с конфигуратором комплектации для производителя компрессоров

Сделали сайт с онлайн-конструктором оборудования, интеграцией с 1С и удобной админкой
Запустили сайт с конфигуратором: система помогает клиенту подобрать комплектацию и показывает цену в реальном времени
Разгрузили отдел продаж: менеджеры получают из 1С готовые заявки со всеми параметрами
Упростили управление сайтом: администратор сам обновляет контент через админку
Обеспечили высокую скорость работы благодаря композитной технологии
Получить персональное предложение и стоимость

Сегодня в нише B2B, как и в B2C, клиенты хотят видеть ценовые ориентиры сразу, в удобном формате, без ожидания «менеджер подготовит расчет и перезвонит». Но если для простого товара достаточно кнопки «Купить», то для сложного оборудования вроде компрессорной станции расчет требует учета десятков параметров: производительности, давления, совместимости компонентов, условий эксплуатации. Ошибка в подборе стоит очень дорого.

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

Именно такой инструмент мы разработали для IRONMAC. Теперь посетитель собирает блочную станцию онлайн и видит цену в реальном времени. Когда он нажимает «Заказать», менеджер получает полностью заполненную заявку в 1С и может сразу начать готовить коммерческое предложение.

Ситуация на старте

IRONMAC — производитель компрессорного оборудования полного цикла, который поставляет технику в более чем в 57 стран под 70 различными брендами.

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

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

CMS

Bitrix

Задачи и требования

  • Разработать современный дизайн, который подчеркнет статус производителя и повысит доверие к бренду.
  • Обеспечить полную адаптивность под мобильные устройства и популярные браузеры.
  • Создать интуитивную структуру каталога с фильтрацией и сравнением моделей.
  • Реализовать конструктор блочных станций — уникальный инструмент для сбора комплектации онлайн.
  • Настроить высокую скорость загрузки благодаря композитной технологии.
  • Упростить управление контентом: чтобы менеджеры обновляли каталог и новости без привлечения разработчиков.
  • Настроить выгрузку формы заявок в 1С для автоматической передачи лидов в отдел продаж.

Ключевые решения

1. Разработали дизайн и настроили адаптивность

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

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

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

Тексты в интерактивных подсказках сформулированы так, чтобы отвечать на главный вопрос клиента: «Почему стоит выбрать именно оборудование IronMac?».
Тексты в интерактивных подсказках сформулированы так, чтобы отвечать на главный вопрос клиента: «Почему стоит выбрать именно оборудование IronMac?».

2. Выстроили структуру каталога и настроили навигацию

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

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

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

3. Разработали карточку модели с акцентом на технические характеристики

Вынесли параметры каждого товара в сводную таблицу с группировкой по блокам: производительность, габариты, электропитание, опции. Инженер или закупщик видит все важное на одном экране — не нужно скроллить и искать по вкладкам.

Реализовали раскрывающиеся пояснения по ключевым узлам. Блок «Особенности» работает как мини-экскурсия по устройству компрессора: пользователь кликает на пункт и видит краткое описание преимущества (например, «винтовой блок с прямым приводом — меньше потерь мощности, выше КПД»). Это снимает технические вопросы без звонка менеджеру.

Блок «Характеристики» содержит основные параметры модели: от производительности и мощности до габаритов и комплектации.
Блок «Характеристики» содержит основные параметры модели: от производительности и мощности до габаритов и комплектации.

4. Создали конструктор блочных станций

Блочная компрессорная станция — это готовое многокомпонентное решение «под ключ». С помощью нашего конструктора инженер может подобрать совместимые компоненты и собрать станцию с заданными характеристиками. Он сразу получает итоговую стоимость в реальном времени и отправляет заявку. Это сокращает время на подбор комплектации, исключает ошибки и ускоряет выход на сделку.

Реализовали фильтр с диапазонами для подбора базового блока. В отличие от категорий каталога, здесь пользователь может задать точные параметры: производительность, давление, мощность. Сделали фильтр с бегунками «от и до»: можно сразу отсечь неподходящие варианты и увидеть только релевантные базовые блоки.

Бегунки по характеристикам помогают сузить выбор за несколько кликов.
Бегунки по характеристикам помогают сузить выбор за несколько кликов.

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

Внедрили расчет стоимости итоговой конфигурации в реальном времени.

Справа (на десктопе) или внизу (на мобильном) всегда видна сводка: выбранные компоненты, их параметры и итоговая стоимость. Пользователь может скорректировать комплектацию или сразу отправить заявку.

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

5. Настроили интеграцию с 1С и автоматизировали обработку заявок

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

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

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

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

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

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

Результаты

  • Сократили время на подбор комплектации
    Конструктор блочных станций позволяет клиенту собрать конфигурацию и увидеть цену за несколько минут. Менеджеры получают готовые заявки с параметрами, а не общие вопросы «сколько стоит компрессор».
  • Упростили работу контент-менеджера
    Благодаря настроенным компонентам и шаблонам, обновление каталога, цен и документации теперь делается силами команды клиента. Нет зависимости от разработчиков на рутинных правках: бюджет экономится, а контент остается актуальным.
  • Обеспечили стабильную скорость при росте каталога
    Композитный режим и оптимизированный сервер гарантируют быструю загрузку даже при увеличении количества товаров и одновременной работе нескольких менеджеров в админке. Сайт не «тормозит» в пиковые периоды и готов к масштабированию.
  • Повысили прозрачность для клиента и менеджера
    Заявки из всех форм попадают в 1С с нужным контекстом: от общего вопроса до полной конфигурации станции. Руководство видит источники обращений, отдел продаж контролирует воронку, а клиент получает КП быстрее.

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

Частые вопросы о разработке и доработке сайта для b2b

1. Когда стоит сделать редизайн текущего сайта, а когда — заказывать разработку сайта с нуля?

Если сайт технически исправен, но требуется обновить визуал или добавить 1–2 функции, достаточно редизайна и доработок. Но когда устарела сама архитектура, CMS не поддерживает нужный функционал, а задачи бизнеса вышли за рамки текущего решения, эффективнее разработка с нуля. В случае с IRONMAC старый сайт не справлялся с подбором оборудования и автоматизацией заявок, поэтому мы не пытались чинить устаревшую базу, а создали свежую платформу на современном ядре Битрикс. Редизайн обновляет обложку, разработка с нуля дает инженерную основу для роста.

2. Сколько времени занимает разработка кастомного функционала, например конфигуратора, или интеграции c 1C?

Зависит от сложности задачи. В данном проекте самой трудоемкой частью был конфигуратор сборной модели с правилами совместимости и динамическим подбором деталей. На его проектирование, верстку и тестирование может потребоваться от 2 до 4 недель. Односторонняя интеграция с 1С (передача заполненных заявок) обычно занимает 1–2 недели, двусторонняя синхронизация может потребовать больше времени.

3. Можно ли перенести контент и структуру из старого сайта без потерь для SEO-трафика?

Да. Мы сохраняем семантическую структуру: настраиваем 301-редиректы со старых URL на новые, переносим мета-теги, тексты, изображения и документы. В проекте IRONMAC дополнительно оптимизировали адреса разделов каталога, что в перспективе улучшило индексацию. Главное правило: не менять URL без редиректов и не удалять рабочие страницы до полной переиндексации новых.

4. Как разработать сайт, который не придется переделывать при расширении бизнеса?

Закладывать модульную архитектуру на этапе разработки. В проекте IRONMAC мы использовали компонентный подход Битрикс: каталог, конфигуратор и формы работают как независимые блоки. Если завтра добавится новая серия оборудования или изменятся правила подбора, то потребуются только точечные правки, без переписывания всего сайта. Кроме того мы настраиваем композитный режим, что позволит сайту сохранить высокую скорость загрузки даже при кратном росте трафика.

5. На какой CMS лучше разрабатывать сайт: Битрикс, WordPress или другой платформе?

Выбор зависит от масштаба и задач. Для сложных B2B-проектов со сложной структурой каталога, большим количеством позиций, конфигураторами и синхронизацией с 1С рекомендуем 1С-Битрикс. Это надежное и хорошо масштабируемое решение, которое заточено под российский e-commerce. Для интернет-магазинов средней сложности, где нужен быстрый запуск без перегруза функционалом, подойдет OpenCart: бесплатная платформа с достаточным набором инструментов для торговли. А для лендингов, блогов и простых сайтов, где важны скорость запуска и легкость управления, используем WordPress или Tilda: они бесплатны или недороги, интуитивны и позволяют запустить проект за дни, а не недели. Мы не привязываемся к одной технологии, а подбираем платформу под ваши бизнес-цели.

Остались вопросы?
Закажите бесплатную консультацию

Используя наш сайт вы даете согласие на обработку файлов cookie. Если вы не согласны на обработку ваших данных, покиньте сайт.