Разработка сайта производителя станков с детальной карточкой выбора модели

В B2B-продажах сложного оборудования цикл сделки редко бывает линейным. Уточнения вроде «а можно мощнее?», «пришлите габариты для доставки» или «какие условия лизинга?» превращаются в долгую переписку и ручные расчеты. Каждый лишний этап оттягивает решение и увеличивает риск потери заказа.

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

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

Клиент — российское представительство международного производителя металлообрабатывающего оборудования MetalTec с 30-летней историей бренда. Бизнес работает в B2B-сегменте: длинный цикл сделки, технически насыщенный каталог, высокая конкуренция с другими производителямии маркетплейсами.

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

Bitrix

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

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

В блоке «Продукция MetalTec» добавили микроанимации: при наведении на карточку категории плавно приближается фоновое изображение, подсвечивается стрелка-навигатор, а строчка с названием моделей мягко смещается. Эти детали делают навигацию по каталогу из 250+ позиций более интуитивной и современной, не перегружая интерфейс.

Сайт полностью адаптирован под мобильные устройства и планшеты: каталог, фильтры и формы одинаково удобны для просмотра с любого экрана. 

Каталог из сотен позиций разбили на логические группы по типу обработки: фрезерные, токарные, лазерные, ленточнопильные станки. Добавили хлебные крошки, сквозное меню и фильтры по характеристикам. Теперь пользователь за 2-3 клика находит нужный раздел.

На страницах категорий внедрили стандартный фильтр и дополнили его тегами: при клике на параметр (например, «стол 500×1000» или «4 оси») каталог мгновенно перестраивается без перезагрузки страницы. Это позволяет быстро «отсеивать» неподходящие модели и сравнивать характеристики в рамках одной сессии.

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

В детальной таблице характеристик помимо стандартных блоков добавили две контекстные вкладки:

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

Такое разделение данных помогает разным пользователям быстрее сориентироваться: технические специалисты видят нужные им характеристики, логисты — транспортные параметры, финансисты — условия лизинга. Каждый находит свое за 1-2 клика.

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

Чтобы сократить путь до сделки, внедрили два ключевых инструмента.

• На странице «Лизинг» разместили калькулятор с подробным расчетом условий и форму заявки. Клиент сразу видит ежемесячный платеж и может отправить запрос. Это снимает первый финансовый барьер и фильтрует теплые лиды еще до разговора с менеджером.

• Добавили поле с возможностью прикрепить чертеж или ТЗ к основной лид-форме на сайте. Разместили форму на главной странице, в каталоге и карточках товаров. Вместо долгих уточнений в переписке клиент сразу передает техническую задачу, а отдел продаж быстрее готовит предложение или подбирает аналоги из каталога.

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

Это решение особенно ценно для ниши: поломка станка ведет к простою производства, скорость реакции поставщика здесь критична. Форма сокращает время на первичную диагностику и повышает доверие к бренду.

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

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

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

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

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

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

Перенесли проект на актуальный сервер с оптимизированными настройками безопасности и производительности. Обновили ядро 1С-Битрикс до последней стабильной версии, закрыв потенциальные уязвимости и получив доступ к современным функциям платформы.

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

• Запустили полностью готовый к работе сайт с наполненным каталогом, страницами лизинга и сервиса.
• Обеспечили высокую скорость и стабильность за счет обновления ядра Битрикс, миграции на оптимизированный сервер и включения композитного режима. Каталог с сотнями позиций загружается мгновенно, а фоновый кэш исключает задержки при переходах между разделами.
• Ускорили принятие решения о покупке. Калькулятор лизинга с автоподстановкой цены, выбор модификаций в карточке и форма заявки с возможностью прикрепить ТЗ дают клиенту все необходимое для расчетов и запроса КП без долгих согласований.
• Упростили работу сервисной службы и повысили лояльность текущих клиентов. Форма гарантии с загрузкой фото и видео позволяет инженерам дистанционно диагностировать проблему и готовить план ремонта без уточняющих звонков, что критично при простое оборудования и укрепляет доверие к бренду после продажи.
• Автоматизировали маршрутизацию лидов: заявки с форм мгновенно создают карточки в 1С и параллельно уходят на почту ответственного отдела (продажи, лизинг, сервис). Исключен ручной перенос данных из почты, сокращено время первой реакции менеджеров.
• Сделали управление контентом независимым от разработчиков. Кастомные шаблоны и компоненты позволяют сотрудникам компании самостоятельно добавлять модели, менять характеристики, публиковать новости и акции через интуитивную админку.

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