• Сайты · Next.js

Сайт для B2B: каталог, условия, запрос просчета

Разработка сайта для B2B – это не витрина, а рабочий инструмент отдела сбыта: каталог с артикулами и единицами измерения, страница условий сотрудничества и форма запроса просчета, из которой заявка идет менеджеру и в CRM. Собираем на Next.js, если требуется каталог и заявки, или на OpenCart, если нужны корзина и ждут. Срок – 25–50 рабочих дней от утвержденного ТС. Сумму называем после бесплатного разбора сценария: в B2B смету двигает логика цен и остатков, а не количество экранов.

Посмотреть, как это работает
Стоимость
после бесплатного аудита
Гарантия
30 дней после подписания акта
Срок разработки
25–50 рабочих дней от утвержденного ТС
Стоимость
после бесплатного аудита
Гарантия
30
дней после подписания акта
Срок разработки
25–50
рабочих дней от утвержденного ТС
Стоимость
называем после разбора сценария — он бесплатный и длится 3–5 рабочих дней.
Движущая смета
количество типов контрагентов, схема цен, источник остатков
Измеренный каталог запчастей
1 848
карт и 138 категорий, 1 992 адреса без дубликата
Измеренный каталог оборудования
106
позиций в двух языках, первый ответ сервера 351,4 мс
Условия
предоплата 50%, два раунда правок на дизайне, гарантия 30 календарных дней
Кому подходит

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

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

Отдел сбыта живет по телефону, а сайт отстал от прайса на два года.

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

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

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

B2B-каталог запчастей и комплектующих к промышленным швейным машинам

Задача
Сделать мелкую номенклатуру находимой: механик или поставщик должен найти деталь по коду или модели машины за минимум шагов. Плюс описать расчет для ФЛП и неплательщиков НДС, чтобы этот вопрос не съедал первый звонок.
Решение
Каталог с категориями, подбором по модели оборудования, техническим схемам и формой запроса наличия. Две языковые версии с корректным hreflang. На странице оплаты прямо названы сценарии: безналичный без НДС, перевод на IBAN, оплата после получения на складе перевозчика — с открытой пометкой, что наложенный платеж на время войны отключен. Чат для кратких вопросов.
Результат
Измерение 31.07.2026: 1 992 адреса в карте сайта без дубликата — 1 848 карт товара и 138 категорий. Первый ответ сервера 388,1 мс, полная загрузка 419,5 мс при 120,2 КБ HTML: третья самая легкая разметка среди 16 измеренных сайтов. Найденные дефекты, которые мы показываем открыто: в коде до сих пор висит Universal Analytics, выключена Google 1 июля 2023, а свойства GA4 нет вообще — три года без данных; ноль блоков структурированных данных на каталоге с 1848 позиций; robots.txt не объявляет карту сайта, хотя она рабочая и полная.

Chocomaker

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

Задача
Показать линейку оборудования с производительностью и техническими характеристиками и собрать запросы на просчет: такое оборудование не покупают в корзину, подбирают его под конкретное производство.
Решение
Сайт-каталог с формой запроса просчета, двумя языковыми версиями и полным перечнем способов расчета на отдельной странице условий. Подключены GTM, GA4 и колтрекинг, мессенджеры в один клик с карты.
Результат
Измерение 31.07.2026: 106 позиций в двух языковых версиях – 230 адресов в sitemap-индексе из четырех файлов. Первый ответ сервера 351,4 мс, полная загрузка HTML 490,4 мс при 297,6 КБ. Шесть способов расчета на странице доставки и оплаты – самый широкий набор среди измеренных проектов выборки. Честный предел: звонки отслеживаются колтрекингом, но их количество извне измерить невозможно, поэтому цифры по звонкам мы здесь не приводим.
Что входит

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

  • Каталог под вашу номенклатуру: категории, артикулы, единицы измерения, минимальная партия — контрагент сразу видит, в чем считать и от скольких вы отгружаете
  • Поиск по артикулу с нормализацией кода: «А-1234/5» находится и когда его вводят как «1234 5», и когда как «а1234-5»
  • Страница условий сотрудничества: порядок работы, документы, расчет с НДС и без - вопросы, которые иначе съедают первый звонок
  • Форма запроса просчета со спецификацией: заявка идет менеджеру в Telegram и в CRM, а не в почтовый ящик, который открывают ежедневно
  • Дилерский раздел: условия партнерства, форма заявки, прямые контакты отдела сбыта – чтобы потенциальный партнер не искал, кому писать
  • Импорт прайса и остатков из файла или выгрузка учетной системы по расписанию, которое вы сами и задаете
  • Статус наличия диапазоном вместо точного количества там, где надежного источника остатков пока нет – это честнее, чем цифра с потолка.
  • Техническое SEO: ЧПУ под артикулы, canonical, уникальные title, карта сайта без дублей и объявлена ​​в robots.txt
  • Микроразметка JSON-LD: Organization, Product, BreadcrumbList, FAQPage – ровно на то, что реально есть на странице
  • Аналитика: GTM и GA4 с событиями запроса просчета, загрузки прайса и перехода в мессенджер
  • Передача: доступы, письменная инструкция для менеджеров, гарантия 30 календарных дней после приемки
Когда эта услуга не подходит

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

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

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

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

  1. Разбор сценария и ТС

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

    Вопросами вытаскиваем, кто у вас покупает, по какой цене, с какими документами и откуда берутся остатки. Выходит документ, по которому считается смета и принимается работа.

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

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

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

  3. Дизайн

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

    Главная, категория, карточка позиции, условия сотрудничества, дилерский раздел, формы. Здесь же фиксируем целевой вес страницы: в измеренных нами B2B-каталогах HTML весит от 120,2 до 297,6 КБ, и это ощутимая разница на слабом мобильном.

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

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

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

  5. Импорт прайса и проверка поиска

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

    Мапинг колонок, тестовая заливка, сверка количества позиций двумя способами, прогон поиска на реальных артикулах с разделителями, расписание обновления цен и остатков.

  6. Интеграция и аналитика

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

    CRM, мессенджеры, колтрекинги, GTM и GA4 с событиями запроса просчета и загрузки прайса, JSON-LD, карта сайта, объявлена ​​в robots.txt.

  7. Тестирование, передача, запуск

    1–4 рабочих дня

    Сквозной прогон заявки от поиска к карте в CRM, замеры первого ответа сервера и веса HTML, проход админки с вашим менеджером, передача доступов.

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

Бесплатный анализ сценариев B2B

B2B-сайт отличается от розничного не видом, а начинающимся по нажатию кнопки. Именно с этого начинаем разбор: кто ваш покупатель, как он принимает решение и какие документы ему нужны, чтобы произвести расход.

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

  1. Сколько у вас типов покупателейДилер, оптовик, конечный заказчик, тендерный отдел – у каждого свой сценарий и свои ожидания по поводу цены. От количества типов зависит, требуется ли закрытый раздел с персональными условиями.
  2. Как устроена ценаЕдиный прайс, уровни скидок по объему или персональные условия по договору. Персональные цены влекут за собой авторизацию – это уже другая по сложности задача и другой срок.
  3. Откуда берутся остаткиС учетной системы, из таблицы или из памяти менеджера. Показывать наличие, которого нет, у B2B дороже, чем в рознице: там за ошибку платят сорванной отгрузкой у контрагента.
  4. Что нужно контрагенту в документахСчет, спецификация, реквизиты, условия по НДС и без. Измеренный нами каталог запчастей прямо называет на странице оплаты два сценария: безналичный для ФЛП и неплательщиков НДС и оплата после получения на складе перевозчика.
  5. Состояние имеющегося сайта и прайсаСколько позиций, сколько адресов в карте сайта, дубли, за сколько отдается страница категории, или живые счетчики. Эти замеры определяют половину сметы.

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

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

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

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

Ибо в B2B половина проектов после разбора оказывается не сайтом, а задачей на упорядочение прайса и остатков. Это честнее сказать в договор, чем после.

Что дальше

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

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

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

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

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

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

Условия, зафиксированные письменно8 пунктов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Сколько типов контрагентов обслуживает сайтОдин тип – один сценарий, одна страница условий, одна форма. Четыре типа означают четыре разных пути по тому же каталогу, и каждый нужно продумать отдельно. Это главный множитель в смете, и именно его чаще всего не называют на старте.
  • Схема ценЕдинственный прайс – просто число в карточке. Уровни по объему – таблица и правила. Персональные цены по договору требуют авторизации, ролей и источников цен извне: это уже другая задача и отдельная смета.
  • Источник остатковФайл раз в сутки стоит немного. Автообмен с учетной системой – отдельный объем со своим сроком. Честный предел: обмен не исправляет учет. Если в системе пересорт и неотображенные списания, сайт покажет неточные данные быстро и аккуратно, а между выгрузками остается окно.
  • Состояние прайса и характеристикАртикул, единица измерения и кратность отдельными колонками – импорт на день. Характеристики, слепленные в одно поле или лежащие в PDF картинкой, разбираются вручную: это отдельная строка сметы, а не мелочь по ходу.
  • Корзина и ждут ли только запросФорма запроса производится быстро. Корзина влечет статусы заказов, расчет доставки, формирование счета и сквозное тестирование – другой порядок работ и другая платформа под ним.
  • Языковые версииВторой язык – это hreflang, отдельные адреса и удвоенная карта сайта. Честный предел: перевод не является выходом на рынок — тот нуждается в местной оплате, доставке и поддержке.
Технологии и интеграции

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

Стек

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

Интеграции

  • 1С/BAS — номенклатура, цены, остатки
  • KeyCRM
  • Uspacy CRM
  • Новая Почта
  • безналичный расчет по НДС и без НДС
  • Google Tag Manager
  • GA4
  • Telegram-бот для заявок
  • JivoSite
  • Binotel - колтрекинг
Сайт с каталогом против прайса в почте и профиля на площадке

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

PDF-прайс почтой + профиль на площадкеНаш подход
Как контрагент находит позициюпереписывается с менеджером или листает PDF на 40 страницпоиском по артикулу, за секунды и без вас
Актуальность ценфайл устаревает в момент отправки и живет в чужой почте годамиодин источник, обновляемый импортом по расписанию
Условия работы и документыпересказываются голосом каждый раз зановоотдельная страница, читаемая до первого звонка
Новые контрагентытолько те, кто уже знает название вашей компанииприходят с поиска по артикулу или названию позиции
Что можно измеритьничего, кроме ощущения менеджеразапросы просчета, загрузка прайса, переходы в мессенджер
Комиссия и правилакомиссия по продаже и чужие правила показаваши, площадка условий не диктует
Что нужно от вас

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

  1. Прайс с артикулами, единицами измерения и минимальными партиями в машинном виде: CSV, XML или выгрузка из учета.
  2. Описание условий сотрудничества: от какой суммы работаете, какие скидки по объему, какие сроки отгрузки.
  3. Ответ на один вопрос: нужны ли разные цены для разных контрагентов. От нее зависит архитектура и половина срока.
  4. Доступ к учетной системе или примеру выгрузки из нее, если на сайте должны быть остатки.
  5. Реквизиты и условия расчетов: по НДС, без НДС, наложенный платеж, предоплата, отсрочка.
  6. Одного человека со стороны продаж с правом подтвердить сценарии и условия без совещания.
Если чего-то из этого нет — скажите, подскажем, как собрать или сделаем сами отдельной задачей.
Частые вопросы

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

Корзина на B2B-сайте нужна или нет?

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

У каждого контрагента своя цена по договору. как это показать на сайте?

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

Можно ли выводить остатки сайта?

Можно, если есть откуда их покупать. Ошибка налицо в B2B стоит дороже, чем в рознице: контрагент планирует под вашу отгрузку свой график, и срыв бьет по его производству. Поэтому либо подтягиваем остатки по учету по расписанию, либо показываем статус диапазоном — «налицо», «под заказ», «на складе производителя». Честный предел здесь один: обмен не исправляет учет. Если в системе пересортированы и неотображенные списания, сайт покажет неточность быстро и аккуратно. И между выгрузками всегда есть окно, в которое позицию могут забронировать дважды.

Поиск по артикулу действительно работает или это как всегда?

Это самая частая поломка на B2B-каталогах, и делается она руками. Штатный поиск большинства систем ищет подстроку в названии: контрагент вводит «1234 5», а в базе лежит «А-1234/5» — совпадения нет, выдача пуста, человек идет. Мы заводим отдельное поле нормализованного артикула: из него убираются дефисы, слеши, пробелы и регистр, и получает собственный индекс. Поисковый запрос проходит ту же нормализацию перед сравнением. На этапе импорта прогоним реальные коды с разделителями – именно те, которыми пользуются ваши менеджеры. Ограничение этого механизма простое: он помогает тому, кто уже знает код. Тому, кто еще выбирает, нужны категории и характеристики.

У нас около двух тысяч позиций – это реально?

Да, это рабочая зона. Измеренный нами каталог запчастей содержит 1 848 карточек и 138 категорий, отдает первый ответ за 388,1 мс при 120,2 КБ HTML и имеет 1 992 адреса в карте сайта без всякого дубликата. Объем здесь почти никогда не является проблемой — проблема качества данных. Если характеристики слеплены в одно текстовое поле, фильтр из них не соберется ни на двух тысячах позиций, ни на двухстах. Поэтому на разборе мы смотрим не сколько у вас строчек, а какие у них колонки.

Нам все равно звонят менеджеру – зачем тогда сайт?

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

Сколько времени займет и от чего зависит срок?

25–50 рабочих дней от утвержденного ТС, семь этапов: разбор и ТС 3–5 дней, структура и прототип 4–6, дизайн 5–9, сборка 7–13, импорт прайса 3–8, интеграции и аналитика 2–5, тестирование и передача 1–4. Дольше всего идет не верстка, а приведение прайса к виду, пригодному для импорта — и именно этот этап недооценивают на старте почти все. Вторая вещь сдвигает срок: согласование условий сотрудничества внутри компании, когда выясняется, что для трех старых клиентов действуют правила, которых нет ни в одном документе.

Нужна ли вторая языковая версия?

Зависит от того, кому вы продаете. Оба измеренных нами B2B-каталоги имеют по две языковые версии, и в одном из них hreflang проставлен корректно – uk-ua, ru-ua и x-default. Технически это не сложно, но здесь нужна честность: перевод интерфейса не выход на новый рынок. Новый рынок требует еще и местной оплаты, местной доставки, местной поддержки и местных цен – сайт закрывает только первый слой. Если второй язык нужен для внутреннего рынка, это одна работа; если для экспорта считайте ее как часть значительно большего проекта.

Отправьте прайс и опишите, кто у вас покупает.

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

Из измеренных кейсовИзмерение 31.07.2026: 1 992 адреса в карте сайта без дубликата

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

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