Все кейсы
КаталогB2BЯндекс.ДиректС нуля

СПАФ — чтобы B2B-клиент сам собрал заявку с расчётом, а не писал «перезвоните»

Сложный ассортимент настила и грязезащиты: сделали путь «нашёл → посчитал → отправил состав с файлами» за 2 недели и подключили Яндекс.Директ.

Открыть спаф.рфспаф.рф

Роль

Сайт и Яндекс.Директ

Срок

2 недели

Формат

Каталог + расчёт + заявки

Домен

спаф.рф

01 · Контекст

Сложный товар продавали через переписку

СПАФ поставляет настил и грязезащиту. Нужен был сайт, где клиент сам выбирает, считает ориентир и отправляет заявку с файлами — без лишних звонков на старте.

Много позиций — сложно выбрать

Настил, ступени, грязезащита: без удобного каталога клиент не доходит до нужной позиции и уходит в звонок или к конкуренту.

«Сколько стоит?» без размеров не ответить

Нужен быстрый ориентир по параметрам — иначе менеджер тратит время на переписку ещё до заявки.

Заказ из нескольких позиций

Клиенту нужно собрать состав и отправить запрос на КП одним действием, а не списком в мессенджере.

Без чертежей заявка пустая

К запросу крепят файлы проекта — менеджер сразу видит задачу, а не пишет «пришлите размеры».

02 · Задача

Что нужно было сделать

За две недели — сайт, где ассортимент остаётся глубоким, а заявку отправить проще, чем писать менеджеру в мессенджер.

  • 1Чтобы клиент быстро находил нужную позицию в большом ассортименте
  • 2Чтобы можно было посчитать ориентир по размерам до разговора с менеджером
  • 3Чтобы несколько позиций уходили одной заявкой, а не списком в чате
  • 4Чтобы к заявке сразу прикреплялись чертежи и файлы проекта
  • 5Чтобы каталог и заявки велись без правки кода
  • 6Чтобы после запуска можно было подключить рекламу и видеть обращения

03 · Решение

Что сделали

Каталог, расчёт и заявка работают вместе: клиент доходит до менеджера уже с составом и файлами, а не с вопросом «а что у вас есть?».

01

Каталог как система, а не лента карточек

Три группы и пятнадцать подразделов: настил, ступени, грязезащита. Навигация через мегаменю, поиск и фильтры — чтобы инженер или подрядчик быстро дошёл до нужной позиции, а не листал «всё подряд».

  • Иерархия: группы → подразделы → товары
  • Поиск по каталогу
  • Фильтры по характеристикам и наличию
  • Режимы: сетка, список, компактная таблица

02

Калькулятор с PDF — заявка уже с цифрами

Для настила цена без размеров почти ничего не говорит. На карточке считается стоимость по длине, ширине или количеству — в нужной единице измерения. Можно собрать несколько строк и отправить PDF на почту.

  • Единицы: ₽/м², ₽/п.м, ₽/шт
  • Несколько строк размеров в одном расчёте
  • PDF с параметрами и итогом
  • Отправка расчёта на email

03

Корзина → заявка, без онлайн-оплаты

Это заявка для B2B, а не интернет-магазин с кнопкой «оплатить». Позиции с параметрами собираются в корзине, затем уходят заявкой: на почту — состав заказа, в админку — заявка для менеджера.

04

Чертежи и файлы прямо в заявке

К форме можно прикрепить до пяти файлов: PDF, офисные документы, фото, архивы, DWG/DXF, STEP. Менеджер получает не «перезвоните», а контекст проекта.

05

Каталог и заявки ведёт команда сама

Товары, наличие и статусы заявок обновляются без разработчика. Плюс цели в Яндекс.Метрике — видно, где люди считают и отправляют запрос.

06

Вопросы и экспертиза рядом с каталогом

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

04 · Сильные стороны

Что важно на сайте

Глубокий каталог

Группы, подразделы, мегаменю и режимы просмотра под разный сценарий выбора.

Поиск и фильтры

Быстрый выход на нужную позицию по названию и характеристикам.

Расчёт и PDF

Онлайн-калькулятор с несколькими строками размеров и отправкой PDF.

Корзина под B2B

Состав заказа уходит заявкой — без принудительной онлайн-оплаты.

Файлы проекта

Чертежи и документы в заявке — удобно для подрядчиков и инженеров.

Админка

Каталог, заказы и контент ведутся через CMS без правки кода.

Чат на сайте

Быстрый вопрос без ухода со страницы и потери контекста.

Справочный слой

Таблицы нагрузок и материалы, которые поддерживают выбор продукции.

05 · Что стало

После запуска

Заявки приходят собранными, без переписки «а какой артикул?». Реклама подключена, каталог пополняется через админку.

Срок

2 недели с нуля

Первая заявка

на 3-й день после запуска

Реклама

подключили Яндекс.Директ

В работе

файлы в заявках и наполнение через админку

06 · Технически

Как это устроено

ФронтендNext.js 16 (App Router) + React 19 + TypeScript
СтилиTailwind 4
CMS / админкаКаталог, заказы и контент без правки кода
РасчётКалькулятор размеров + генерация PDF
ЗаявкиКорзина, форма, вложения, уведомления на email
КоммуникацииЧат на сайте + формы обратной связи
АналитикаЯндекс.Метрика и цели по ключевым действиям
SEO и правоМета, sitemap, schema.org, документы 152‑ФЗ

Живая версия

СПАФ — на спаф.рф

Каталог, расчёт с PDF, корзина и заявки с файлами — коммерческий сайт под промышленные поставки.

Открыть спаф.рфОбсудить свой проект