• Сайти · 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. Фото продукції від 1 200 px по довшій стороні, бажано на однорідному фоні.
  4. Файли документації: паспорти, сертифікати, креслення — у тому вигляді, у якому ви їх видаєте покупцям.
  5. Відповідь на питання, кому ви продаєте з сайту: дилерам, кінцевим покупцям чи обом.
  6. Одну людину з технічного боку з правом підтвердити правильність характеристик.
Якщо чогось із цього немає — скажіть, підкажемо, як зібрати або зробимо самі окремою задачею.
Часті питання

Те, що питають найчастіше — з конкретними відповідями

У нас 400 типорозмірів — це 400 сторінок?

Не обов'язково. Типорозмір може бути окремою карткою або варіантом усередині картки серії. Перший варіант дає більше адрес під запити з конкретним артикулом, другий — компактніший каталог. Обираємо на розборі: дивимось, чи ваш покупець справді набирає артикул. Головне — не змішувати обидва підходи в одному каталозі, саме звідси беруться дублі адрес. І одразу чесна межа: чистка дублів не додає трафіку, вона перестає його розпорошувати, а кількість сторінок в індексі після чистки якийсь час може навіть падати.

Нам взагалі потрібен кошик?

Часто ні. Якщо продукцію відвантажують за договором або через дилерів, кошик заважає: покупцеві треба запросити прорахунок і забрати паспорт виробу, а не оформити оплату. У виміряному нами каталозі обладнання зроблено саме так — форма запиту, а поруч на сторінці умов перелічені шість способів розрахунку для тих, хто вже готовий платити. Тільки не плутайте: рахунок на сайті не робить вас постачальником для юрособи. Далі все одно договір, відстрочка й наявність під обсяг.

Характеристики є тільки в PDF-каталозі — що робити?

Спершу видобути їх у таблицю. Це окремий етап, і його трудомісткість задає сам файл: верстка з рівними таблицями розбирається майже автоматично, скан паперового каталогу — руками, рядок за рядком. Тому на розборі ми просимо надіслати самі файли, а не описати їх словами: за файлами видно, це два дні роботи чи два тижні. Без машинного вигляду характеристик фільтр не збереться — вийде набір сторінок із картинками.

Чи знайдуть нас за назвою моделі?

Позицій ніхто не гарантує, і ми не будемо. Технічно закриваємо все: своя адреса з ЧПУ під модель, унікальний title з артикулом, параметри текстом у HTML, а не картинкою, розмітка Product. Але карта сайту не гарантує індексацію — 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 годин
  • Без зобов’язань
  • Працюємо за договором

Прайса на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази, і цифра «від» у такому разі нічого не пояснює. Спершу безкоштовний аудит — рахуємо ваші сторінки, дублі й швидкість, — потім називаємо суму й строк і фіксуємо їх у договорі.