Сайт производителя
Главная страница, разделы о компании, производстве, услугах, отраслях применения, референсах и форме запроса КП собраны в единую промышленную презентацию.
Промышленный сайт
Boilte: промышленный сайт с CMS, 3D-визуализацией и AI-консультантом
Boilte: промышленный сайт для производителя котельного оборудования полного цикла. Мы собрали не просто корпоративную витрину, а инструмент продаж сложного B2B-продукта: каталог линеек и моделей, прайс-лист, формы КП, собственную CMS, 3D-визуализацию котла Lex V2-D и AI-консультанта, который помогает клиенту разобраться в параметрах, подобрать тип оборудования и перейти к нужному разделу сайта.
NEXT.JS
THREE.JS
AI AGENT
JSON CMS
TAILWIND
PM2/NGINX
ЗАДАЧА
Промышленное оборудование продается через доверие, точные параметры и быстрый инженерный диалог. Нужно было упаковать большой объем технической информации так, чтобы сайт выглядел современно и премиально, не терял инженерную строгость и помогал клиенту быстрее перейти от интереса к расчету КП.
РЕШЕНИЕ
Сделали сайт на Next.js с промышленной визуальной системой, каталогом продукции, публичным прайс-листом и административным контуром без внешней базы данных. Отдельный акцент вынесли на интерактивность: 3D-модель котла в браузере, 360-градусный просмотр WebP-рендеров и AI-агент, который работает как цифровой инженер-консультант, а не как обычный чат-виджет.
ФУНКЦИОНАЛ
Что было сделано
Проект закрывает сразу несколько бизнес-сценариев: презентацию завода, подбор оборудования, обработку заявок и самостоятельное управление контентом.
Каталог продукции
Восемь линеек котельного оборудования с категориями, карточками моделей, мощностью, назначением, ценой и переходом к подбору.
Заявки и КП
Формы собирают параметры клиента, тип котла, мощность, топливо и контактные данные, чтобы отдел продаж быстрее готовил коммерческое предложение.
AI-агент как инженер-консультант
Главный акцент проекта: AI-помощник снижает нагрузку на менеджеров и помогает пользователю не потеряться в сложной инженерной номенклатуре.
Подбор оборудования
Агент понимает задачу клиента, уточняет параметры, объясняет разницу между водогрейными, паровыми, термомасляными и утилизационными котлами.
Навигация по сайту
Консультант может направить пользователя к каталогу, карточкам моделей, прайс-листу или форме заявки, превращая сайт в интерактивный инструмент продаж.
Голосовой сценарий
Подключены speech-to-text и text-to-speech: клиент может общаться голосом, а сайт отвечает как живой инженерный ассистент.
3D и визуализация
Для промышленного продукта важно не только перечислить характеристики, но и показать конструкцию так, чтобы ее можно было рассмотреть до обращения к менеджеру.
3D-просмотр Lex V2-D
Интерактивная модель котла работает прямо в браузере: пользователь вращает модель, приближает детали и видит оборудование как инженерный объект.
360° просмотр
Для рендеров котлов реализован 360-градусный просмотр по WebP-кадрам, чтобы тяжелую визуализацию можно было показывать быстро и стабильно.
Оптимизация моделей
GLB-модели подготовлены с Draco, meshopt и WebP-текстурами, чтобы 3D не превращался в тяжелый демо-ролик и нормально работал в production.
Админка и роли
Сайт можно развивать без разработчика на каждом изменении: контент, заявки, SEO, пользователи и медиа управляются из собственной панели.
JSON-CMS без внешней БД
Контент хранится в структурированных JSON-файлах. Это проще в сопровождении для небольшого production-контура и не требует отдельного сервера базы данных.
Роли пользователей
Добавлены роли администратора, продаж и 3D-дизайнера, чтобы каждый видел только свой рабочий контур и не трогал лишние настройки.
Кабинет 3D-дизайнера
Дизайнер может без SSH загружать новые GLB-модели котлов и менять визуализацию на сайте через личный раздел админки.
Прайс-лист и каталог
Для B2B-продаж важна прозрачность: клиент должен быстро понять линейку, диапазон цен и следующий шаг.
937 позиций
Публичный прайс-лист содержит 937 позиций с поиском, фильтрами и понятной структурой для инженеров, закупщиков и отдела продаж.
CSV-выгрузка
Данные можно выгружать в CSV, чтобы работать с ними в закупочных процедурах, внутренних расчетах и коммерческих документах.
Карточки моделей
Модель, мощность, назначение, цена и серия представлены так, чтобы покупатель быстро сравнивал варианты и переходил к расчету.
Технологии
Стек подбирался так, чтобы сайт был быстрым, управляемым и готовым к production-нагрузке без лишней инфраструктурной сложности.
Next.js, React, TypeScript
Фронтенд собран на современном React-стеке с типизацией, компонентной архитектурой и производительным рендерингом страниц.
Three.js / R3F / Drei
3D-сцена построена на Three.js, React Three Fiber и Drei, чтобы интегрировать WebGL в React-интерфейс без отдельного 3D-приложения.
VPS production
Деплой настроен на VPS: Node.js, PM2, nginx, HTTPS и sslip.io. Процесс живет как production-сервис, а не как тестовая сборка.
OpenRouter / LLM
AI-консультант подключен через OpenRouter и LLM-слой, который отвечает по продукту, объясняет параметры и помогает довести пользователя до заявки.
ИНТЕРФЕЙС01 / 03
Hero с инженерной типографикой, 3D-визуалом котла и быстрым входом в расчет КП
937 SKUПрайс-лист
GLB + 360°3D
ИнженерAI
[ ПОХОЖИЕ ПРОЕКТЫ ]
Интерактивная карта
Интерактивная карта Сергиева Посада
Digital-путеводитель по Сергиеву Посаду и Троице-Сергиевой лавре с фильтрами, маршрутами, объектами на карте и новостным блоком.
ПОДРОБНЕЕ
Промо-проект
Цвет Победы для Россия 1
Специальный digital-проект для Россия 1 с видеоподачей, эмоциональным сторителлингом и адаптивной страницей кампании.
ПОДРОБНЕЕ
Веб-платформа
Трекер задач
Корпоративный таск-трекер нового поколения для команд, которым важен результат, а не бюрократия.
ПОДРОБНЕЕ