Коротко. Мы делаем интерактивные 3D-демонстрации на Three.js: посетитель вращает каркас здания из металлоконструкций прямо на странице, без плагинов и программ. Исходник — ваши CAD-чертежи в DXF, у нас собран конвейер их преобразования в веб-3D. Это работает там, где продукт нельзя пощупать: несущие конструкции, оборудование, стенд на B2B-выставке с QR-кодом. 3D тяжелее обычной страницы, поэтому грузим его лениво, а на мобильных по умолчанию показываем статичную замену.
Зачем 3D производственной компании
Продукт B2B-производителя большой и дорогой, на встречу его не привезёшь. Остаются фотографии — а они у всех конкурентов одинаковые: цех, сварщик, штабель балок.
Интерактивная 3D-модель решает три задачи:
- Показывает конструктив. Главный инженер заказчика вращает каркас, приближает узлы — видит, что вы говорите на его языке.
- Передаёт масштаб. Пролёт 24 метра в объёме воспринимается иначе, чем на плоском рендере.
- Выделяет на выставке. QR-код на стенде — и посетитель крутит ваш ангар в телефоне, пока у соседей листают бумажный каталог.
Что мы делаем: из CAD-чертежа — в браузер
Главный актив для 3D у вас уже есть — рабочая документация. Наш конвейер превращает CAD-чертежи (DXF) в интерактивную сцену Three.js:
- Берём чертежи КМ/КМД в DXF — перечерчивать ничего не нужно.
- Извлекаем геометрию: колонны, балки, фермы, связи — реальные профили и размеры.
- Оптимизируем под веб: сжимаем геометрию до мегабайт вместо сотен.
- Собираем сцену: освещение, материал металла, управление мышью и пальцем.
- Встраиваем как ленивый модуль — 3D подгружается по запросу посетителя.
Результат — вращаемый каркас здания прямо на лендинге производителя, в любом браузере. Такие работы разбираем в кейсах.
Где 3D продаёт, а где мешает
Мы отговариваем от 3D чаще, чем продаём. Честная карта сценариев:
| Сценарий | Эффект | Вердикт |
|---|---|---|
| Лендинг: вращаемый каркас типового ангара | Заказчик видит конструктив до звонка | Продаёт |
| QR на стенде выставки → 3D в телефоне | Вау-эффект, стенд запоминают | Продаёт |
| Конфигуратор: клиент меняет пролёт и высоту | Вовлечение и квалификация лида | Продаёт, но дорог |
| 3D каждой позиции каталога на 500 SKU | Месяцы работы, смотрят 2 модели из 500 | Мешает |
| 3D-фон на главной «для красоты» | Минус к скорости и конверсии | Мешает |
| Сайт услуг без физического продукта | Показывать нечего | Не нужно |
Правило: 3D оправдан, когда модель отвечает на реальный вопрос заказчика. Если вопрос закрывается фотографией — делаем фотографию.
Производительность: честно о весе 3D
Сцена с реальной геометрией весит от единиц до десятков мегабайт. Грузить её сразу нельзя: Яндекс и Google накажут, мобильный посетитель уйдёт. Наши правила:
- Ленивая загрузка. Сначала — быстрая страница со статичным изображением модели. Движок и геометрия подтягиваются, когда посетитель доскроллил до блока или нажал «Посмотреть в 3D».
- Мобильные — статика по умолчанию. На телефоне показываем рендер и кнопку запуска. Исключение — выставочный сценарий с QR: там 3D и есть цель перехода.
- Скорость не деградирует. Мы пишем WordPress-темы вручную и держим PageSpeed 90+; 3D-модуль не имеет права это ломать. Почему вес решает — в статье про скорость сайта.
- Деградация без драмы. Слабое устройство — посетитель видит статичную картинку, а не белый экран.
Сроки и из чего складывается цена
Фиксированного прайса «на 3D» не существует, и мы его не выдумываем. Цена модуля зависит от трёх вещей:
- Сложность модели. Типовой каркас из сотни элементов и ферма с тысячами деталей — разный объём оптимизации.
- Качество исходников. Чистый послойный DXF ускоряет работу; чертёж-«каша» требует ручного разбора.
- Глубина интерактива. Вращение и зум — базовый уровень. Подсветка узлов, анимация сборки, конфигуратор — каждый шаг дороже.
Ориентир по срокам: простая модель — одна-две недели с оптимизацией и встройкой; конфигуратор или анимация сборки — дольше. Точную оценку даём после просмотра чертежей, бесплатно.
3D-модуль живёт на сайте. Если сайта нет или его пора менять: лендинг — от 80 000 ₽ с запуском за 5–10 дней, корпоративный сайт — от 200 000 ₽. Полный список — на странице услуг.
Когда 3D вам не нужно
Сэкономим вам деньги — не заказывайте 3D, если:
- Продукт понятен по фото. Забор из профлиста не нуждается в 3D — нужны хорошие фотографии объектов и цены.
- Нет CAD-исходников. Моделирование с нуля по фото возможно, но дорого; чаще выгоднее качественная съёмка.
- Сайт не решает базовые задачи. Сначала фундамент, потом спецэффекты: 3D на медленном сайте без заявок — фара на телеге.
- Трафик мобильный с плохой связью. Продукт покупают прорабы с площадок — там 3D мало кто досмотрит.
- Выбор стоит между 3D и трафиком. Сначала трафик и конверсия, красота — вторым шагом.
FAQ
Сайт не начнёт тормозить из-за 3D?
Нет, если делать правильно. Модуль грузится лениво — когда посетитель дошёл до блока или нажал кнопку. Первая загрузка остаётся быстрой, PageSpeed и позиции не страдают. На мобильных по умолчанию — статичная картинка.
Какие исходники нужны от нас?
Лучший вариант — чертежи в DXF (КМ/КМД или экспорт из вашей CAD-системы), подойдёт и 3D-модель из проектной программы. Если только PDF или бумага — моделирование с нуля возможно, но это другой бюджет.
Увидят ли страницу с 3D Яндекс и Google?
Да. Сама сцена для поисковиков невидима, но страница строится как обычная: заголовки, тексты, характеристики, статичное изображение модели. Поисковик индексирует контент, посетитель получает интерактив — SEO и 3D не конфликтуют.
Можно ли встроить 3D на существующий сайт?
Да, модуль автономен: подключается на любую страницу WordPress или самописного сайта без переделки остального. Перед встройкой проверяем скорость основы — если слабая, сначала предложим укрепить.