СПАФ — коммерческий каталог настила и грязезащиты с онлайн-расчётом
Сайт с нуля за 2 недели: каталог, калькулятор стоимости с PDF, корзина, заявки с файлами, CMS и чат.
01 · Контекст задачи
Нужен digital-канал для промышленного ассортимента
Не лендинг-визитка, а рабочий коммерческий сайт: от выбора товара до заявки с параметрами заказа.
Нужна витрина ассортимента
Решетчатый настил, ступени и системы грязезащиты — с понятной навигацией по группам и подразделам.
Цена должна считаться онлайн
Подбор по размерам и параметрам товара без обязательного звонка на первом шаге.
Путь к заявке из нескольких позиций
Собрать состав, зафиксировать расчёт и отправить запрос на коммерческое предложение.
B2B-сценарий с чертежами
К заявке можно прикрепить файлы проекта: PDF, DWG/DXF, STEP, архивы и сканы.
Управление контентом без разработчика
Админка для каталога, цен, заказов и материалов — чтобы сайт можно было вести самостоятельно.
Быстрый контакт на сайте
Чат, форма заявки и несколько точек связи в одном контуре.
02 · Задача
Что нужно было сделать
- 1Собрать каталог с иерархией групп и подразделов
- 2Сделать онлайн-расчёт стоимости по размерам и единицам измерения
- 3Выстроить путь «товар → корзина → заявка»
- 4Принимать файлы к заявке (чертежи, документы, архивы)
- 5Подключить CMS для каталога, заказов и контента
- 6Закрыть юридический контур: согласия и документы по 152‑ФЗ
03 · Что сделали
Шесть блоков, из которых собран коммерческий сайт
Каждое решение закрывает конкретный шаг: выбрать → рассчитать → собрать → отправить.
01
Каталог промышленной продукции
Три группы ассортимента и пятнадцать подразделов: металлический решетчатый настил, ступени и системы очистки обуви. Навигация через мегаменю, поиск по каталогу, фильтры и режимы просмотра.
- →Группы → подразделы → карточки товаров
- →Поиск в шапке и на странице каталога
- →Фильтры по характеристикам и наличию
- →Виды: сетка, список, компактная таблица
02
Калькулятор с PDF на почту
На карточке товара считается стоимость по длине, ширине или количеству — в зависимости от единицы измерения. Можно добавить несколько строк размеров, скачать PDF или отправить расчёт на email.
- →Единицы: ₽/м², ₽/п.м, ₽/шт
- →Несколько строк размеров в одном расчёте
- →PDF с параметрами и итогом
- →Отправка PDF на почту из формы расчёта
03
Корзина и заявка без онлайн-оплаты
Коммерческая воронка под B2B: позиции с параметрами собираются в корзине, затем уходят заявкой. На почту приходит состав заказа; заявка также фиксируется в админке.
04
Заявки с файлами проекта
К форме можно прикрепить до пяти файлов суммарно до 100 МБ: PDF, офисные документы, фото, архивы, чертежи DWG/DXF, STEP и другие инженерные форматы.
05
CMS и операционный контур
Админка для товаров, категорий, заказов, наличия и материалов. Контент и каталог обновляются без правки кода. Подключены цели Яндекс.Метрики по ключевым действиям.
06
Чат, контент и юридический слой
На сайте — чат для быстрых вопросов, раздел полезной информации (в том числе таблицы нагрузок), блог и комплект документов: политика, согласие, пользовательское соглашение.
04 · Технически
Стек и архитектура
05 · Можно проверить
Что открыто на спаф.рф прямо сейчас
Каталог и мегаменю
Три группы продукции и подразделы с карточками товаров.
Поиск и фильтры
Поиск по каталогу и отбор по характеристикам.
Калькулятор и PDF
Расчёт по размерам, скачивание и отправка PDF.
Корзина и оформление
Состав заказа и заявка с параметрами позиций.
Вложения к заявке
Чертежи, документы и архивы прямо в форме.
Чат на сайте
Быстрый вопрос без ухода со страницы.
Полезная информация
Справочные материалы и раздел для статей.
Документы 152‑ФЗ
Политика, согласие и пользовательское соглашение.
Режимы каталога
Сетка, список и компактная таблица.
Формы обратной связи
Заявка и заказ звонка с согласием на обработку ПДн.
Проверка вживую
Откройте спаф.рф и пройдите путь от каталога до заявки
Каталог, расчёт, корзина, файлы и чат — всё на одном коммерческом сайте.