Лендинг с 3D-калькулятором стоимости за один вечер: кейс ARCON

За один вечер я собрал лендинг для производителя стальных ангаров ARCON - с фирменным чёрно-красным стилем заказчика, интерактивными 3D-моделями конструкции по слоям и калькулятором, который считает стоимость ангара в реальном времени. Площадка сразу строилась под платную рекламу в Facebook и Google, и первый экран сразу отвечает на вопрос «сколько это будет стоить» - ещё до звонка менеджеру. Собрал я его через 1001site AI - разбираю, из каких блоков он состоит и как в нём работает автоматический расчёт цены.

Задача: сайт под платную рекламу, собранный за один вечер

ARCON строит безкаркасные арочные и каркасные ангары под ключ - для агробизнеса, портов, логистических комплексов и промышленных площадок по всей Украине. Заказчику нужен был инструмент для холодного трафика: человек кликает по рекламе, за несколько секунд понимает, что перед ним надёжная компания, и либо сразу прикидывает цену сам, либо оставляет заявку. Обычная визитка с описанием услуг такую задачу не решает.

Из материалов на старте у меня был фирменный прайс-лист компании - готовый брендбук с цветами и структурой подачи, но без сайта под рекламу. Сферы применения я перенёс на лендинг с того же прайс-листа иконками: агробизнес, порты и терминалы, логистические комплексы, хранение зерна и техники, промышленность, авиация - сразу было понятно, под какие объекты писать тексты и на какую аудиторию настраивать рекламу. Лендинг я собрал за один вечер, уже готовым к первому запуску кампаний.

Как фирменный стиль заказчика перенесли на лендинг?

Цвета, шрифт и структуру подачи я взял прямо с прайс-листа ARCON: чёрный фон, белый текст, красные акценты и дуга в логотипе. Так посетитель, который уже видел буклет или визитку компании, узнаёт бренд с первого взгляда на сайт.

За основу я взял базовый тёмный стиль по референсу из каталога 1001site, а точный красный заказчика поверх него навёл ИИ-ассистент кабинета по команде вида «сделай тёмную тему с моим красным». Результат - тот же прайс-лист, только теперь в виде страниц, кнопок и калькулятора.

Зачем лендингу интерактивные 3D-модели ангара?

3D-модель ангара можно покрутить и рассмотреть по слоям - фундамент, несущую конструкцию, освещение и вентиляцию. Фото готового здания такой разбор не даёт, а именно он снимает главный вопрос холодного посетителя: «что я вообще покупаю и из чего это сделано».

Под каждым слоем я поставил реальное фото со стройки: оно подтверждает, что за 3D-схемой стоит настоящий объект ARCON.

Над блоком слоёв - главный экран лендинга с переключателем «Безкаркасний / Каркасний» и «3D / Фото»: посетитель сам выбирает тип конструкции и крутит модель мышью. Звонка менеджеру для этого ждать не нужно.

На этом же экране - четыре цифры доверия рядом с 3D-моделью: больше 13 лет работы с металлом, пролёт шириной 12-40 метров без колонн, снеговая нагрузка до 480 кг/м² и гарантия на конструкцию 36 месяцев. Это тот же язык, которым прайс-лист убеждал байеров на бумаге, только теперь рядом с интерактивной моделью.

Как устроен 3D-калькулятор стоимости ангара?

3D-калькулятор на лендинге ARCON меняет модель и вилку цены сразу при движении ползунков ширины и длины. Посетитель настраивает тип ангара, размеры и комплектацию - 3D-модель и ориентировочная стоимость каждого узла (каркас, фундамент, ворота, освещение) обновляются вживую, без перезагрузки страницы.

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

Разница с обычным лендингом без калькулятора видна сразу:

Почему это работает именно с рекламой в Facebook и Google?

Интерактивные 3D-модели держат посетителя на странице дольше, а калькулятор снимает вопрос цены ещё до заявки. Для рекламного бюджета это оборачивается конкретной метрикой - стоимостью лида: дольше смотрят, точнее понимают цену, реже уходят без контакта.

Лендинг спроектирован под жёсткие условия платного трафика: быстрая загрузка и адаптивность удерживают бюджет от случайных отказов, а понятная структура с мгновенной демонстрацией ценности закрывает главный вопрос аудитории в первые секунды после клика. Возможность покрутить 3D-модель увеличивает время на сайте - для рекламных алгоритмов это прямой сигнал вовлечённости. Калькулятор работает на доверие: посетитель сам «собирает» ангар под свои размеры, видит логику цены и охотнее оставляет контакты, чем после одной фразы «узнайте стоимость по звонку».

Что получает менеджер, когда посетитель отправляет заявку?

По словам автора поста, заявка с лендинга ARCON уходит менеджерам в Telegram сразу после отправки формы. Для лендинга 1001site такую доставку настраивают через блок «Контакты» с кнопкой на мессенджер или через ту же кастомную интеграцию, что обслуживает калькулятор. У 1001site доставка уведомлений в Telegram документирована как готовая функция для заказов - здесь её применили к заявке с лендинга. Путь заявки устроен так:

1. Посетитель настраивает ангар в 3D-калькуляторе и видит вилку цены.
2. Нажимает «Отримати комерційну пропозицію» или «Розрахунок за 30 хвилин».
3. Заполняет контакты в форме на лендинге.
4. Заявка с параметрами ангара мгновенно приходит менеджеру в Telegram.
5. Менеджер перезванивает с точным расчётом, пока интерес ещё тёплый.

Разбор всей сборки лендинга - в видео автора, оно встроено ниже на странице.

Из чего технически собран такой лендинг

Это режим «лендинг» 1001site: главная из блоков, свои страницы и форма заявки, без корзины и подачи объявлений. 3D-модели и калькулятор - сторонний виджет, вставленный через блок «свой HTML»: в режиме «лендинг» он идёт в общем списке блоков наравне с hero, галереей и формой. Сам конструктор такую 3D-механику не делает за вас - он только даёт готовое место, куда её вставить.

Лендинг лежит на собственном домене arcon.in.ua со своим SSL-сертификатом, который 1001site выпускает и продлевает сам. Поправить текст, цифры в блоке преимуществ или добавить новый тип ангара можно словами через ИИ-ассистента кабинета - без обращения к разработчику за каждой мелкой правкой.

Сколько стоит и как быстро собирается такой лендинг

Обычный лендинг на 1001site собирается ИИ-агентом за 2-7 минут после оплаты по тарифу «Всё включено» - 45 € в месяц, первый месяц по промокоду месяца - 25 €, пробного периода нет. Но вставка стороннего 3D-калькулятора блоком «свой HTML» и подгонка стиля под точный фирменный цвет - это уже ручная работа поверх конструктора: одним кликом в попапе такое не собирается.

Для такого объёма доработки подходит тариф «Под ключ» - 1650 € разово: сайт собирают за клиента целиком, от стиля и текстов до домена и интеграции с Telegram, а хостинг на 12 месяцев идёт в подарок. Тем, у кого уже есть свой разработчик, под эту задачу хватит и «Всё включено» - дальше вставка виджета делается тем же блоком «свой HTML».

Кому подойдёт лендинг с 3D-калькулятором, кроме продажи ангаров

Формат решает конкретную задачу: цена товара считается по параметрам конкретного объекта, и площадка должна отсеивать нецелевые заявки ещё до звонка менеджеру. Это актуально не только для ангаров - под ту же схему подходят теплицы, бассейны, остекление балконов, мебель и кухни под заказ, ворота и заборы.

Если товар стоит одинаково для всех и выбор идёт по фото и описанию, калькулятор избыточен - хватит обычного лендинга с формой заявки. Похожий пример - кейс о том, как бренд NordHarvest собрал лендинг под новый товар за вечер: там тоже дедлайн и платный трафик, но цена товара фиксированная, и вместо калькулятора лендинг сам превращает выбор товара в коммерческое предложение.

Отдельно скажу: я лично общался с командой ARCON в процессе работы и рекомендую её как подрядчика по ангарам.

Источники

• Пост канала «Бизнес с ИИ»: https://t.me/promtvibeadd/457
• Лендинг ARCON: https://arcon.in.ua/
• Видео о сборке лендинга: https://youtu.be/uOOGNCFzeyM