• Сайты · 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 не объявляет карту сайта, хотя она рабочая и полная.

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

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

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

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

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

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

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

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

Что дальше

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

Короткая форма: контакт и адрес сайта

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

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

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

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

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

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

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

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

  • Заказчики из Европы

    Среди работ — проекты для Норвегии, Болгарии, Молдовы и Испании.

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

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

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

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

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

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

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

Опишите, как это устроено у вас, — ответим, подходит ли «Разработка сайта для 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 - колтрекинг
Сайт с каталогом против прайса в почте и профиля на площадке

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

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

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

  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 часов
  • Без обязательств
  • Работаем по договору

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