Сайт для B2B-производителя — это  полноценный инструмент продаж, который должен работать 24/7: объяснять сложные технические решения, вызывать доверие у инженеров и закупщиков,  рассказывать о товарах и услугах, а также демонстрировать кейсы, которые подтверждают экспертизу и реальный опыт. 

Рассказываем, как мы с одной из проектных команд WEBSHOP сделали сайт для компании ТЕКС — производителя промышленных фильтров.

О проекте

Компания ТЕКС работает на рынке более 30 лет. Выпускает промышленные фильтры для очистки воздуха, жидкостей и аспирации. Собственное производство: швейный цех, ультразвуковая спайка, металлообработка. Ежемесячно — более 30 000 фильтров. Поставки по всей России, в Беларусь, Казахстан и Киргизию.

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

Задача сайта здесь — не только «рассказать о компании», но и помочь клиентам разобраться в ассортименте фильтров.

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

Дизайн: промышленная тема без «промышленной скуки»

Основными принципами дизайн-концепции стали технологичность и визуальная чистота. Фирменный стиль компании был обновлен за счет более выразительной и гармоничной цветовой палитры. Крупная типографика и ненавязчивые микроанимации делают взаимодействие с сайтом плавным и интуитивно понятным.

Что отличает дизайн:

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

Далее пользователь знакомится с основными разделами каталога и информацией об отраслях производства и новостях компании.

Страница «О компании» с презентацией производства. 6 цехов — металлообработка, швейный, карманных фильтров, УЗ-спайки, HEPA, склад — каждый с фото и описанием. Клиент видит реальное производство, а не маркетинговые обещания.

Разработали информативную и удобную карточку товара.

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

На основе анализа всех материалов о компании мы определили самые важные и интересные для аудитории моменты и сгруппировали их в удобные смысловые разделы.

Разработали также дополнительные страницы с публикациями, контактами и текстовые страницы.

Архитектура сайта — для людей и для поисковиков

Мы сформировали структуру, которая решала две задачи одновременно:

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

Итоговая структура: главная → каталог (8 категорий) → карточки продуктов → публикации → о компании → контакты. 

Контент — совместная работа с заказчиком

Промышленная фильтрация — сложная тема. Классы фильтров G3, F7, H14, технологии УЗ-спайки, параметры аэродинамического сопротивления — всё это нужно было объяснить понятно, не теряя технической точности.

Мы работали в плотной связке с командой ТЕКС: они давали экспертизу и технические данные, мы превращали это в контент, который читает и B2B-клиент, и поисковый робот.

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

Для получения максимально прогнозируемого результата мы сначала проработали детальные промпты в ChatGPT, а уже затем с их помощью генерировали нужные ракурсы в нейросети Nano banana. После генерации мы вручную дорабатывали фотографии, удаляя мелкие артефакты и несоответствия. Такой подход позволил создать профессиональные кадры в едином стиле и заметно сэкономить время.

Технический стек: почему Vue.js + Nuxt.js + Drupal 11

Выбор технологий определялся тремя требованиями:

1. Скорость и SEO. Nuxt.js даёт серверный рендеринг (SSR) — страницы индексируются поисковиками как статические, при этом пользователь получает скорость SPA-приложения.

2. Гибкость каталога. Drupal 11 позволил построить мощный бэкенд с удобной системой управления продуктами, категориями, атрибутами фильтров. Когда у вас 120+ наименований в 8 категориях — это важно.

3. Простота управления для клиента. Мы разработали административную панель с подсказками к каждому полю. Менеджер ТЕКС может самостоятельно добавлять продукты, публикации, обновлять контент — без обращения к разработчикам.

Если вы работаете в промышленной нише и видите, что ваш сайт не справляется с потоком запросов или не помогает клиентам разобраться в продукте — мы знаем, как улучшить архитектуру сайта. Мы специализируемся на разработке на CMS Drupal: десятки реализованных проектов, отработанные паттерны для сложных каталогов, мощный и гибкий бэкенд, который легко масштабируется вместе с бизнесом. Напишите нам — проанализируем и подскажем, как улучшить ваш сайт. 

SEO: заложили фундамент для органического роста

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

Что сделали:

• Семантическое ядро под каждую категорию каталога и тип фильтра
• Уникальные мета-теги и заголовки H1 для всех посадочных страниц
• Микроразметка Schema.org для продуктов и организации
• Оптимизация скорости загрузки (изображения через Nuxt Image с автоматической оптимизацией)
• Логика ЧПУ-адресов, удобная для поисковиков

Цель — не просто «чтобы был», а чтобы закупщик, который ищет «карманные воздушные фильтры купить Нижний Новгород» или «производитель HEPA-фильтров Россия», находил ТЕКС в топе.

Что получил клиент — и что можем сделать для вас

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