• Сайты · Next.js
  • Замер 31.07–01.08.2026

Сайт производителя с каталогом продукции

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

Стоимость
после бесплатного аудита
Гарантия
30 дней после подписания акта
Измеренные сайты производителей
2 живых проекта, замеры 31.07–01.08.2026
Стоимость
после бесплатного аудита
Гарантия
30
дней после подписания акта
Измеренные сайты производителей
2
живых проекта, замеры 31.07–01.08.2026
Карта сайта без дублей
164
адреса, 164 уникальные
Первый ответ сервера
208 мс
на каталоге продукции, 244 мс на главной
Двуязычный каталог
106
позиций развернулись в 230 адресов
Срок
25–45
рабочих дней от утвержденного ТС
Условия
предоплата 50%, 2 раунда правок, гарантия 30 дней
Кому подходит

Ситуации, в которых эта услуга даёт результат

Сценарий 1 из 5

В выдаче за вашими моделями стоят дилеры

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

Разберём вашу ситуацию на бесплатном аудите
Кейсы

Задачи и результат в цифрах — все показатели сняты нашим замером

GYPSUN

украинский производитель негорючих стеновых панелей

Задача
Выложить техническую продукцию так, чтобы проектировщик и тендерный закупщик забирали параметры сами, без звонка менеджеру.
Решение
Каталог на Next.js с картами изделий, калькулятором и полным набором структурированных данных о компании. Служебные разделы закрыты в robots, счетчики поставлены на этапе запуска.
Результат
Ноль дублей: в карте сайта 164 записи и ровно столько же уникальных адресов. Каталог продукции отдает первый ответ за 208 мс, главный – за 244 мс (медиана из двух замеров); HTML догружается за 429 мс при весе 528 КБ. Машинных данных восемь типов – Organization, PostalAddress, Country, QuantitativeValue, SearchAction, WebSite, ImageObject, EntryPoint. Стек, заявленный в портфолио, совпал с отдающим сайт. Измерение 01.08.2026.

Chocomaker

B2B-поставщик профессионального оборудования для шоколадного производства

Задача
Разложить линейку оборудования по производительности и техническим параметрам на двух языках и собрать с сайта запросы на просчет.
Решение
Сайт-каталог с отдельной страницей под каждую позицию, формой запроса просчета, развернутой страницей условий расчета, GTM, GA4 и колтрекингом.
Результат
Двуязычный каталог со 106 позиций развернулся в 230 адресов: карта собрана индексом из четырех файлов, по 106 товаров и 9 контентных страниц на каждый язык. Замеры 31.07.2026: сервер отвечает за 351,4 мс, HTML догружается за 490,4 мс при 297,6 КБ. На странице доставки и оплаты перечислены шесть способов расчета больше, чем на любом другом измеренном нами проекте. Структурированных данных всего три типа: WebSite, SearchAction, ImageObject. Отдельно зафиксировали расхождение – в портфолио стек указан как WordPress, а сайт отдает Shop-Express CMS 8x.
Что входит

Полный перечень работ и того, что вы получаете на выходе

  • Каталог продукции: серии, подразделы, карточка изделия с параметрами и фото – покупатель доходит до нужного типоразмера без звонка.
  • Фильтр по характеристикам, по которым действительно выбирают — мощность, габарит, материал, исполнение, а не все поля подряд
  • Паспорта, сертификаты и чертежи файлов на карте: проектировщик забирает их сам и не пишет вам письмо
  • Форма запроса просчета с передачей в почту и CRM — сценарий без корзины для отгружаемой продукции по договору
  • Раздел для дилеров: условия сотрудничества, форма заявки, прямой контакт отдела сбыта
  • Техническое SEO: ЧПУ под модели, canonical, уникальные title с артикулом, карта сайта без дублей
  • Микроразметка JSON-LD: Organization, Product, QuantitativeValue, BreadcrumbList – параметры отдаются машинно, а не картинкой
  • Аналитика GTM и GA4 с событиями загрузки паспорта и отправки запроса – видно, какая серия влечет обращение
  • Передача: доступы, письменная инструкция по добавлению изделия, проход админки с вашим ответственным человеком
  • Условия работы: предоплата 50%, два раунда правок на этапе дизайна, гарантия 30 календарных дней после приемки
Когда эта услуга не подходит

Что не входит в работу — чтобы не было сюрпризов на сдаче

  • Извлечение характеристик из бумажных каталогов и сканов сверх согласованного объема
  • Технический копирайтинг описаний изделий
  • 3D-визуализация и рендеры продукции
  • Хостинг, домен, сертификаты соответствия
  • Продвижение, реклама и работа с дилерской сетью после запуска
Этапы работы

Прозрачные этапы с согласованием на каждом шагу

Общий срок:25–45 дней

  1. Разбор номенклатуры и ТС

    3–5 рабочих дней

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

  2. Структура каталога и прототип

    3–5 рабочих дней

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

  3. Дизайн

    5–9 рабочих дней

    Главная, раздел серии, карта изделия, дилерский раздел, форма запроса. Здесь же фиксируем целевой вес страницы: в измеренном нами сайте производителя HTML весит 528 КБ.

  4. Сборник сайта

    8–13 рабочих дней

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

  5. Заливка продукции и документации

    4–8 рабочих дней

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

  6. Аналитика, тестирование, передача

    2–5 рабочих дней

    GTM и GA4 с событиями загрузки паспорта и отправки запроса, микроразметка, замеры первого ответа сервера, проход админки с вашим человеком, передача доступов.

Бесплатный аудит

Бесплатный разбор номенклатуры и текущего сайта

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

Что мы измеряем

  1. Сколько на самом деле позиций и как они группируютсяРазбираем ваш список: серии, типоразмеры, исполнения. От того, типоразмер ли это отдельная карта или вариант внутри карты, зависит и структура каталога, и объем работ.
  2. В каком виде существуют технические характеристикиТаблица в Excel, каталог в PDF, паспорта изделий – все это разные по трудоемкости источника. Из таблицы характеристики ложатся в фильтр, из PDF их сначала нужно извлечь.
  3. Состояние имеющегося сайта, если он естьСколько адресов в карте сайта и сколько из них уникальны, первый ответ сервера, вес HTML, какие типы структурированных данных отдаются. На измеренном нами сайте производителя было 164 адреса без дубля — это ориентир нормального состояния.
  4. Кто ваш посетитель: дилер или конечный покупательОт этого зависит, что на карте главное – цена и корзина или технический паспорт и форма запроса просчета. Смешивать оба сценария на одной карте можно, но это отдельный объем работы.
  5. Что уже индексируется под вашей маркойСмотрим, какие страницы отдает поиск по названию бренда и моделям, не сидит ли в выдаче каталог дилера вместо вашего сайта.

Что вы получаете

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

Срок: 3–5 рабочих дней: номенклатуру разбираем дольше обычного сайта

Почему это бесплатно

Ибо без разбора номенклатуры сумма была бы вымышленной: разница между каталогом на 60 позиций и каталогом на 600 типоразмеров – не в процентах, а в разах. Документ ваш в любом случае.

Что дальше

После аудита даем смету с разбивкой по этапам и календарным датам. Если окажется, что вам нужен не новый сайт, а перестройка каталога на существующем – скажем прямо.

Короткая форма: контакт и адрес сайта
Договор и документы

Работаем официально

Договор, акт и счёт — на каждый проект, а не только на большой.

Нам доверяют6 брендов

Нам доверяют: Kvant Energy, GYPSUN, Naturel Cosmetics, Pancer Protection, LUGI, BeeTech

Условия, зафиксированные письменно8 пунктов
  • Договор, акт и гарантия 30 дней

    На каждый проект письменный договор: объём, сроки, сумма, порядок приёмки. После сдачи — акт и счёт, затем 30 календарных дней гарантии.

  • ФОП и безналичный расчёт

    Исполнитель — зарегистрированный ФОП. Оплата на счёт с закрывающими документами.

  • Права и доступы — ваши

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

  • Портал клиента вместо переписки

    Во время работы вы получаете доступ к порталу: договоры, счета, акты и статус проекта в одном месте.

  • Сайты в девяти странах

    Наши сайты работают в девяти странах: кроме Украины — Польша, Германия, Австрия, Англия, Норвегия, Болгария, Молдова, Испания.

  • Цифры, которые можно проверить

    Каждый кейс в портфолио — со ссылкой на живой сайт и техническим замером.

  • Сначала аудит, потом сумма

    Прайса на сайте нет намеренно: объём одной и той же работы у двух клиентов отличается кратно.

  • Говорим «нет», когда не уверены

    Если задача не наша или срок нереальный — скажем сразу.

  • Договор, акт и гарантия 30 дней

    На каждый проект письменный договор: объём, сроки, сумма, порядок приёмки. После сдачи — акт и счёт, затем 30 календарных дней гарантии.

  • ФОП и безналичный расчёт

    Исполнитель — зарегистрированный ФОП. Оплата на счёт с закрывающими документами.

  • Права и доступы — ваши

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

  • Портал клиента вместо переписки

    Во время работы вы получаете доступ к порталу: договоры, счета, акты и статус проекта в одном месте.

  • Сайты в девяти странах

    Наши сайты работают в девяти странах: кроме Украины — Польша, Германия, Австрия, Англия, Норвегия, Болгария, Молдова, Испания.

  • Цифры, которые можно проверить

    Каждый кейс в портфолио — со ссылкой на живой сайт и техническим замером.

  • Сначала аудит, потом сумма

    Прайса на сайте нет намеренно: объём одной и той же работы у двух клиентов отличается кратно.

  • Говорим «нет», когда не уверены

    Если задача не наша или срок нереальный — скажем сразу.

NDA подписываем по запросу. После завершения свои доступы удаляем сами.

Не нашли свой случай?

Опишите, как это устроено у вас, — ответим, подходит ли «Создание сайта производителя» и что это значит в вашей ситуации. Без брифа и без звонка: один вопрос, один ответ.

Что влияет на стоимость

Почему две одинаковые на вид задачи считаются по-разному

  • Глубина номенклатурыШестьдесят позиций и шестьсот типоразмеров – разница не в процентах, а в разах. Считаем не страницы, а карточки после того, как решили судьбу типоразмера.
  • Вид, в котором есть характеристикиExcel или выгрузка из учета ложатся в фильтр почти без ручной работы. Верстаный PDF разбирается полуавтоматически. Скан бумажного каталога – руками, и это отдельный этап.
  • Кто ваш покупатель на сайтеДилеру нужны условия, документы и контакт сбыта, конечному – параметры и просчет. Один сценарий дешевле двух: возвести их на одной карточке можно, но это работа, а не галочка.
  • Объем документацииПаспорт на серию – это просто файл. Паспорт на каждый типоразмер с собственными значениями в таблице – это уже система хранения и привязки, и она тянет срок.
  • Языковые версииВторой язык добавляет не перевод интерфейса, а второй комплект карт, характеристик и мета-данных, который следует поддерживать. Это постоянный расход, не разовый.
  • Связь с учетной системойРазовая выгрузка номенклатуры дешевле постоянного обмена. И обмен не исправляет учет: если в базе пересорт, сайт покажет его аккуратно и быстро.
Технологии и интеграции

На чём строим и с чем это соединяется

Стек

  • Next.js — каталог отдается готовым HTML, поэтому характеристики видны и без JavaScript; ограничение: шаблон правит разработчик, не контент-менеджер
  • TypeScript – типы на полях характеристик ловят несогласованность еще до сборки; ограничение: порог входа для стороннего подрядчика выше
  • PostgreSQL – типоразмеры лежат структурированно, фильтр собирается с полей, а не из текста
  • WordPress – альтернатива, когда каталог ведет ваш маркетолог сам; ограничение: на сотнях типоразмеров фильтр держится на плагинах
  • nginx и HTTP/2 – параллельная отдача фото и PDF; ограничение: скорость убирает техническую потерю, а не создает спрос на продукцию
  • HTTPS с HSTS и Cloudflare – браузер не предупреждает против вас; ограничение: сертификат шифрует канал и больше ничего не делает

Интеграции

  • Google Tag Manager
  • GA4
  • Google Maps
  • reCAPTCHA
  • Telegram-бот для заявок
  • KeyCRM
  • Uspacy CRM
  • 1С/BAS - выгрузка номенклатуры
  • eSputnik
Свой сайт производителя против карты на маркетплейсе и каталоге дилера

Чем этот вариант отличается от альтернативы

Маркетплейс / каталог дилераНаш подход
Кто описывает вашу продукциюМаркетплейс: шаблон площадки под розницу. Дилер: его текст, часто из старой версии линейкивы: параметры, исполнение, паспорт и сертификат в полях карты
Техническая документацияМаркетплейс: места для паспортов нет. Дилер: высылает по почте по запросуфайлы на карте, доступные без регистрации и без переписки
Запрос по артикулу моделиМаркетплейс: ваша модель рядом с аналогами соперника. Дилер: в выдаче стоит онсвой адрес с ЧПУ и уникальный title под каждую модель
Сценарий без корзиныМаркетплейс: только кнопка покупки. Дилер: заявка идет к нему, не к вамформа просчета с подставленной серией и типоразмером
Что видно о спросеМаркетплейс: агрегированные отчёты площадки. Дилер: не видите ничегоGA4 и события загрузки паспорта: понятно, какую серию смотрят
Что нужно от вас

Без этого не начнём — лучше подготовить заранее

  1. Перечень продукции с разделением на серии и типоразмеры есть в таблице, даже в черновике.
  2. Технические характеристики в машинном виде: Excel, CSV или выгрузка из учетной системы.
  3. Фото продукции от 1200 px по длинной стороне, желательно на однородном фоне.
  4. Файлы документации: паспорта, сертификаты, чертежи — в том виде, в каком вы их выдаете покупателям.
  5. Ответ на вопрос, кому вы продаете с сайта: дилерам, конечным покупателям или обоим.
  6. Одного человека с технической стороны с правом подтвердить правильность характеристик.
Если чего-то из этого нет — скажите, подскажем, как собрать или сделаем сами отдельной задачей.
Частые вопросы

Что спрашивают чаще всего — с конкретными ответами

У нас 400 типоразмеров – это 400 страниц?

Не обязательно. Типоразмер может быть отдельной картой или вариантом внутри карты серии. Первый вариант дает больше адресов под запросы с конкретным артикулом, второй – более компактный каталог. Выбираем на разборе: смотрим, действительно ли ваш покупатель набирает артикул. Главное – не смешивать оба подхода в одном каталоге, именно отсюда берутся дубли адресов. И сразу честный предел: чистка дублей не добавляет трафика, она перестает его распылять, а количество страниц в индексе после чистки какое-то время может даже падать.

Нам вообще нужна корзина?

Часто нет. Если продукцию отгружают по договору или через дилеров, корзина мешает: покупателю нужно запросить просчет и забрать паспорт изделия, а не оформить оплату. В измеренном нами каталоге оборудования сделано именно так – форма запроса, а рядом на странице условий перечислены шесть способов расчета для тех, кто уже готов платить. Только не путайте: счет на сайте не делает вас поставщиком для юрлица. Дальше все равно договор, отсрочка и наличие под объем.

Характеристики есть только в PDF-каталоге – что делать?

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

Найдут ли нас по названию модели?

Никто не гарантирует позицию, и мы не будем. Технически мы покрываем все: ваш собственный адрес ЧПУ для модели, уникальное название с артикулом, параметры в HTML-тексте, а не в картинке, разметку продукта. Но карта сайта не гарантирует индексацию — Google пишет ее напрямую, и реальное количество проиндексированных страниц видно только в вашей Search Console, к которой у нас нет доступа по умолчанию. Самая частая проблема производителя вовсе не в оптимизации: в выпуске его моделей за этим стоят дилерские площадки. Это можно увидеть при анализе через полчаса.

Сколько длится технология и от чего зависит срок?

25–45 рабочих дней от утвержденного ТС. Разбор номенклатуры 3-5 дней, структура и прототип 3-5, дизайн 5-9, сборка 8-13, заливка продукции и документации 4-8, аналитика с тестированием и передачей 2-5. Срок считается не от подписи, а от даты, когда мы получили характеристики в машинном виде: движется только дизайн.

Кто будет добавлять новые изделия после запуска?

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

Куда класть паспорта и сертификаты?

Файлы на карточку изделия, рядом с характеристиками, без регистрации и без переписки с менеджером. Численные параметры дублируем разметкой QuantitativeValue, чтобы мощность или габарит отдавались машинно. Только не ждите от разметки позиций: она не поднимает сайт и не заставляет поиск показать расширенный снипет – он решает сам. И размечать можно только то, что реально на странице: разметка несуществующего — это риск ручных санкций.

Нужен ли второй язык, если мы думаем об экспорте?

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

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

Меряем то, что предшествует счету: отправка запроса просчета, загрузка паспорта, просмотр страницы серии. Эти действия ставим в GTM и GA4 на шаге пуска, а не после жалоб. Дальше честный предел: GA4 показывает тенденцию, а не бухгалтерскую истину. Блокировщики, режим согласия и ограничение браузеров на cookie съедают часть данных, поэтому сводить цифры с реальными сделками приходится сознательно – руками по датам обращений.

Отправьте список продукции и любой файл с характеристиками.

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

Из измеренных кейсовНоль дублей: в карте сайта 164 записи и ровно столько же уникальных адресов

Смотреть кейсы
  • Ответ в течение 2 часов
  • Без обязательств
  • Работаем по договору

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