Сайт производителя гидравлического оборудования НПО «Автомотив»: Nuxt, конфигуратор и три звонка в день из Директа
НПО «Автомотив» — российский производитель гидравлического оборудования для ремонта грузового и коммерческого транспорта: ямные подъёмники, выпрессовщики шкворней и сайлентблоков, гидравлические и шиномонтажные прессы, насосные станции. Покупатели — автосервисы, заводы, дилеры и муниципальные предприятия по всей России и СНГ. Это кейс о том, как мы за три версии сайта прошли путь от «починить сломанное» до полноценной платформы производителя — с конфигуратором, корзиной и стабильным потоком заявок из Директа.
Как всё началось: сломанная форма и каша в каталоге
К нам пришли по рекомендации — знакомый разработчик работал в компании и позвал на переделку сайта. Точка А выглядела так:
Устаревший дизайн, который не отражал главного — что это производитель с собственными разработками, а не перепродавец.
Сломанная форма обратной связи: заявки просто не доходили.
Товары отображались некорректно: часть позиций терялась, характеристики путались.
Критические ошибки вёрстки по всему сайту — пользоваться было неудобно и с десктопа, и с телефона.
Главная боль бизнеса была даже не в технике. На рынке сервисного оборудования полно перекупов с китайской продукцией — а НПО «Автомотив» проектирует и производит само, с 2016 года: 300+ товарных позиций, 3000+ изготовленных деталей, 500+ проектных изделий под заказ. Сайт должен был кричать «мы производитель»: со своей разработкой, ремонтопригодностью, запчастями и гарантией — тем, что для покупателя такого оборудования решает.
Три версии сайта: честная история
Мы не делаем вид, что «пришли и сразу сделали идеально». Проект развивался итерациями:
Версия 1 (до нас): старый сайт со всеми болячками выше.
Версия 2: переработали сайт на WordPress по макетам дизайнера со стороны клиента — починили критическое, навели порядок в каталоге. Сайт зажил и проработал в этом виде, а мы параллельно занялись рекламой.
Версия 3 (текущая): полная переработка под ключ — наш дизайн, проработка пользовательских путей, новая архитектура на Nuxt, конфигуратор, корзина, SEO-фундамент. Именно о ней дальше.
Задачи третьей версии
Авторский дизайн, который выделяет производителя среди перекупов — строгий, технологичный, с акцентом на производстве.
Удобный каталог под сложное оборудование: покупатель должен быстро находить нужную модель по характеристикам.
Рабочие заявки: формы, корзина, понятный путь до заказа.
Удобное администрирование: контент-менеджеру должно быть просто заносить товары, характеристики и опции.
SEO-фундамент под продвижение в Яндексе 2026 года — включая нейровыдачу.
Покупатель этого оборудования выбирает головой: ему важны цена, сроки изготовления, ремонтопригодность и доверие к производителю — чтобы запчасти находились быстро, а гарантия работала. Каждый блок сайта мы проектировали под эти критерии.
Архитектура: Nuxt + headless WordPress
Предыдущая версия жила на WordPress, и контент-команда к нему привыкла. Ломать рабочий процесс ради «модного стека» — плохая инженерия. Поэтому мы выбрали гибрид: фронтенд переписали на Nuxt (скорость, SSR, полный контроль над вёрсткой и SEO), а WordPress оставили как headless-CMS — в нём по-прежнему удобно управлять товарами и контентом. Получили лучшее из двух миров: молниеносный современный сайт снаружи, привычная админка внутри, и плавный путь постепенного перехода на кастом без остановки бизнеса.
Каталог: база данных, которая понимает характеристики
Сложнее всего в B2B-каталогах не «вывести карточки», а сделать так, чтобы фильтры и навигация работали от реальных характеристик оборудования. Мы перепроектировали базу данных: каждый товар описывается структурированными характеристиками, и фильтры в категориях подтягиваются из них автоматически. Добавили новую модель пресса с усилием 200 тонн — она сама встала в нужные фильтры, без ручной возни.
Конфигуратор: как на маркетплейсах, только для прессов
У промышленного оборудования много вариаций: один и тот же пресс выпускается с разной рабочей зоной, подъёмник — с разной грузоподъёмностью. Раньше это были «размазанные» по каталогу дубли. Мы сделали переключатель вариаций прямо в карточке — как выбор объёма памяти у смартфона на маркетплейсе: кликаешь «1110×920 мм» — открывается соответствующий товар со своей ценой и артикулом.
Вторая фишка — дополнительные опции с расчётом цены. Передвижной цилиндр +75 000 ₽, электрогидравлическая станция +90 000 ₽, гидравлическая лебёдка +110 000 ₽: покупатель отмечает нужное, стоимость пересчитывается. Опции управляются из админки: их можно создавать, привязывать к конкретным товарам, добавлять описания и фото — контент-команда делает это без разработчиков.
Корзина вместо «оставьте заявку»
В прошлых версиях покупатель мог только отправить заявку с карточки. Для B2B-закупки это неудобно: обычно берут несколько позиций сразу — пресс, насос к нему, пару домкратов. Мы добавили полноценную корзину с оформлением заказа: собрал комплект → отправил одной заявкой. Отделу продаж приходит структурированный заказ вместо «перезвоните, я что-то хотел».
Контент и SEO: под Яндекс 2026 года
Тексты категорий и товаров переработали под SEO и GEO — оптимизацию под нейровыдачу Яндекса: структура «вопрос — ответ», конкретика, FAQ-блоки.
Микроразметка: товары, хлебные крошки, организация — поисковик понимает структуру каталога.
Скорость: Nuxt с SSR отдаёт страницы мгновенно — и людям, и роботам.
Семантическое ядро ниши собирали отдельно — под него выстроена структура категорий.
Директ: с автопилота на ручное управление
Рекламой НПО мы занимаемся ещё с первой версии сайта. Когда пришли, кампания работала на «голой» автостратегии: ни структуры, ни минус-фраз, ни ручной проработки — всё «как Яндекс решит». Автоматика хороша, когда ей есть на чём учиться, а здесь она просто жгла бюджет на нецелевых показах.
Мы пересобрали рекламу руками: структура кампаний по направлениям оборудования, чистая семантика с минус-фразами (в этой нише полно мусорных запросов — от «своими руками» до смежных омонимов), точечные ставки. Результат — стабильный поток: в среднем три целевых звонка в день от закупщиков и сервисов. Для B2B с чеками в сотни тысяч рублей это сильная экономика.
Команда и сроки
Третью версию делали примерно 4 месяца: дизайнер, разработчик и основатель Webcetera, который лично прорабатывал пользовательские пути и плотно взаимодействовал с командой клиента.
Работали в связке с человеком на стороне НПО — каждый сценарий («найти пресс под свою задачу», «собрать комплект», «запросить нестандартное изделие») проверяли вместе.
Результаты
Поведенческие метрики выросли: посетители стали проводить на сайте заметно больше времени и глубже ходить по каталогу — для SEO это прямой сигнал качества.
~3 целевых звонка в день из Директа — стабильно, после ручной пересборки кампаний.
Сотрудничество продолжается уже 2 года: дорабатываем сайт по инсайтам из реальной эксплуатации и ведём рекламу. Сайт — живой продукт, а не «сдали и забыли».
Отзыв клиента: представитель НПО «Автомотив» оставил отзыв о работе на Яндекс Картах — он опубликован в нашем блоке отзывов.
Чем гордимся
UX без единого лишнего элемента — всё по делу, каждый блок отвечает на вопрос покупателя. Технически сайт реализован чисто и работает очень быстро. А SEO-фундамент — микроразметка, структура от семантики, тексты под нейровыдачу — заложен так, что сайту есть куда расти в органике весь 2026 год.
Смотреть вживую: npoamotiv.ru. Нужен сайт производителя со сложным каталогом, конфигуратором и потоком заявок — это к нам: разработка сайтов, веб-приложения и системы, Яндекс Директ.