010110101010110101010110101010110101010110101110101100110101100110101100110101100110101100001101011001101011001101011001101011001101011101100110101100110101100110101100110101100110011010101011010101011010101011010101011010101100110101100110101100110101100110101100110101010101101010101101010101101010101101010101101110010110110010110110010110110010110110010110</>{ }{ }</>
  • Сайти · 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

У видачі за вашими моделями стоять дилери

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

Розберемо вашу ситуацію на безкоштовному аудиті
Кейси

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

український виробник негорючих стінових панелей

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

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 з подіями завантаження паспорта й відправки запиту, мікророзмітка, заміри першої відповіді сервера, прохід адмінки з вашою людиною, передача доступів.

Безкоштовний розбір номенклатури й поточного сайту

У виробника головне питання не «який дизайн», а «як покласти продукцію на сайт так, щоб її знаходили за характеристикою». Тому аудит починається з номенклатури, а не з макета.

Що міряємо

  • Скільки насправді позицій і як вони групуютьсяРозбираємо ваш перелік: серії, типорозміри, виконання. Від того, чи типорозмір — це окрема картка чи варіант усередині картки, залежить і структура каталогу, і обсяг робіт.
  • У якому вигляді існують технічні характеристикиТаблиця в Excel, каталог у PDF, паспорти виробів — усе це різні за трудомісткістю джерела. З таблиці характеристики лягають у фільтр, з PDF їх спершу треба видобути.
  • Стан наявного сайту, якщо він єСкільки адрес у карті сайту й скільки з них унікальні, перша відповідь сервера, вага HTML, які типи структурованих даних віддаються. На виміряному нами сайті виробника було 164 адреси без жодного дубля — це орієнтир нормального стану.
  • Хто ваш відвідувач: дилер чи кінцевий покупецьВід цього залежить, що на картці головне — ціна й кошик чи технічний паспорт і форма запиту прорахунку. Змішувати обидва сценарії на одній картці можна, але це окремий обсяг роботи.
  • Що вже індексується під вашою маркоюДивимося, які сторінки віддає пошук за назвою бренду й моделями, чи не сидить у видачі каталог дилера замість вашого сайту.

Що ви отримуєте на руки

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

Строк: 3–5 робочих днів: номенклатуру розбираємо довше, ніж звичайний сайт

Чому це безкоштовно

Бо без розбору номенклатури сума була б вигаданою: різниця між каталогом на 60 позицій і каталогом на 600 типорозмірів — не у відсотках, а в разах. Документ ваш у будь-якому разі.

Що далі

Після аудиту даємо кошторис із розбивкою по етапах і календарними датами. Якщо виявиться, що вам потрібен не новий сайт, а перебудова каталогу на наявному — скажемо прямо.

Форма коротка: контакт і адреса сайту

Працюємо офіційно

Договір, акт і рахунок — на кожен проєкт, а не тільки на великий. Без документів у вас немає ні прав на роботу, ні підстави провести витрати.

  • Договір, акт і гарантія 30 днів

    На кожен проєкт письмовий договір: обсяг, строки, сума, порядок приймання. Після здачі — акт і рахунок, а далі 30 календарних днів гарантії: помилки з нашої вини усуваємо безоплатно. Усне з дзвінка дублюємо письмово того ж дня — домовленість, якої немає в тексті, не рахується.

  • ФОП і безготівковий розрахунок

    Виконавець — зареєстрований ФОП. Оплата на рахунок із закривними документами, які бухгалтерія проведе як витрати. Курс для гривневої оплати фіксується договором, а не з’ясовується постфактум.

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

    Код, дизайн і матеріали переходять до вас після повної оплати. Домен, хостинг, репозиторій, аналітику й рекламні кабінети оформлюємо на вас — щоб сайт не залежав від підрядника. NDA підписуємо на запит, після завершення свої доступи видаляємо самі.

  • Портал клієнта замість переписки

    На час роботи ви отримуєте доступ до порталу: договори, рахунки, акти й стан проєкту в одному місці. Документи формуються з даних угоди, тому реквізити й суми в них не розходяться, а про оплати й дедлайни нагадує система, а не пам’ять менеджера.

  • Замовники з Європи

    Серед робіт — проєкти для Норвегії, Болгарії та Іспанії: болгарський магазин трьома мовами з кур’єрською доставкою, іспанський з оплатою карткою й переказом, норвезький сайт клініки. Це видно в портфоліо, а не тільки в описі.

  • Цифри, які можна перевірити

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

  • Спершу аудит, потім сума

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

  • Кажемо «ні», коли не впевнені

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

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 з'їдають частину даних, тому зводити цифри з реальними угодами доводиться свідомо — руками, по датах звернень.

Надішліть перелік продукції й будь-який файл із характеристиками.

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

Переглянути кейси
  • Відповідь протягом 2 годин
  • Без зобов’язань
  • Працюємо за договором

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