Сайт производителя гидравлического оборудования НПО "Автомотив": 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. Нужен сайт производителя со сложным каталогом, конфигуратором и потоком заявок , это к нам: разработка сайтов, веб-приложения и системы, Яндекс Директ.