Оранжевая металлическая лестница справа, слева тёмная стена под текст

Продукт линейки WebGL

Конфигуратор металлических лестниц

Расчёт по высоте вместо погонных метров: спецификация металла, масса и цена

Пожарные П1, эвакуационные П2 и маршевые на косоурах. Заказчик задаёт тип и высоту крепления, а конфигуратор считает развёрнутую длину, подбирает прокат, собирает спецификацию с массой и выдаёт цену по прайсу завода.

Отрасль
Металлоконструкции / пожарная безопасность / B2B
Срок
третий продукт линейки
Год
2026

Ниже — боевая сборка, встроенная в страницу. Не видео и не набор скриншотов.

Было

Задача

Онлайн-калькуляторы заводов металлоконструкций спрашивают у клиента «объём, погонных метров». Клиент этого не знает: он знает высоту здания и что ему нужна лестница по нормам. Поэтому рядом с калькулятором стоит «пришлите размеры» — и расчёт всё равно уходит менеджеру и проектному бюро, а предварительная цифра на сайте ни к чему не обязывает. Разрыв не в интерфейсе, а в том, что у калькулятора нет геометрии.

Сделали

Решение

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

Направление

Высота вместо погонных метров

Клиент вводит то, что знает; остальное считается.

Что считает конфигуратор

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

Спецификация металла

  • Позиция, профиль, количество, длина и масса — построчно
  • Это то, что сейчас считает проектное бюро руками по присланным размерам
  • Смена швеллера 12 на 16 сразу меняет массу косоуров и итог
  • Принятые допущения перечислены рядом, а не спрятаны в примечании

Направление

Цена по прайсу завода

Проценты применяются к базе, как в прайсе, а не складываются в сумму.

Как устроен расчёт

  • База — ставка за погонный метр, умноженная на посчитанную длину
  • Марка стали, покрытие и сложность проекта — процентами от базы
  • Монтаж, доставка и срочность перемножаются, а не складываются: это проверяется тестом
  • Цена меняется на каждом шаге, а не появляется после звонка менеджеру

Направление

Дополненная реальность на объекте

Замерщик ставит конструкцию там, где она встанет, — до изготовления.

Замерщик на объекте: маршевая лестница в натуральную величину у фасада на экране телефона

Что это даёт на выезде

  • Конструкция видна на месте в натуральную величину: пройдёт ли в проезд, куда придётся площадка, не упрётся ли марш в окно
  • Ошибка привязки обнаруживается на площадке, а не бригадой на монтаже — когда металл уже сварен
  • Заказчику не нужно читать чертёж: конструкцию в объёме понимают все, и согласование идёт на месте
  • В AR попадает именно собранная конфигурация со своей высотой и шириной, а не отвлечённая демонстрационная модель
  • Открывается по ссылке: ни приложения, ни файла, ни установки — навёл камеру, коснулся экрана, конструкция стоит
  • Работает и на Android, и на iPhone: в первом случае прямо в браузере, во втором — системным просмотром
  • Показ, а не обмер: масштаб ориентировочный, привязки и зазоры остаются за рулеткой и проектным бюро

Направление

Геометрия из сортамента

Единственный продукт линейки, где примитивы — правильный метод.

Почему здесь не нужна купленная модель

  • Металлоконструкция собрана из стандартного проката буквально: профтруба, швеллер, круг, полоса
  • Построитель выпускает те же профили, которые сварщик и сварит, — с их сечениями и длинами
  • У швеллера строится настоящее С-образное сечение: на торце косоура видна полка и стенка
  • Это не «похоже на лестницу» — это чертёж в объёме, и он совпадает со спецификацией

Что собирается

  • Вертикальная П1-1 и П1-2 с ограждением дугами: тетивы, ступени круга, настенные кронштейны
  • Маршевая П2 с перекидкой: марши стоят друг над другом, площадки по краям — так конструкция остаётся в габарите фасада
  • Ограждение с тремя, двумя ригелями или без них; стойки, поручень, ригели
  • Фасад здания и грунт как контекст: без них лестница теряет масштаб

Итог

Результат

  • 13параметров в пяти разделах
  • 4типа: П1-1, П1-2, П2, маршевая
  • 1расчёт на картинку, спецификацию и цену
  • 148автоматических проверок в линейке
  • Клиент получает цену и массу своей конструкции вместо просьбы прислать размеры.
  • Спецификация металла собирается автоматически из той же геометрии, что показана на экране.
  • Прайс и сортамент ведёт завод: ставки, профили и правила правятся данными без разработчика.
  • Линейка подтверждена третий раз: приложение осталось одно, новыми были построитель геометрии и расчёт.
  • Замерщик показывает конструкцию на объекте в натуральную величину — по ссылке, без приложения и без файла.

Технологии

Стек

  • WebGL
  • three.js
  • React
  • TypeScript
  • Vite

Следующий шаг

Нужен расчёт металлоконструкции в браузере — со спецификацией и ценой? Соберём контур под ваш прайс и сортамент.

Обсудить проект