Каркас

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

Формат
Веб-сервис, адаптив
Что сделано
Идея, расчёты, чертежи, интерфейс, разработка
Стек
HTML, CSS, JavaScript, SVG
Год
2026
Первый экран: оранжевый блок с заголовком и огромным словом КАРКАС Конструктор: ползунки слева, трёхмерная модель шкафа в комнате с чертёжной сеткой и смета справа Что получает пользователь: чертёж, деталировка, раскрой, смета

Задача

Чтобы заказать шкаф или стеллаж в нишу, человеку нужны чертёж и список деталей. Профессиональные программы сложны, а мастер за проект берёт деньги ещё до начала работы.

Нужен сервис, где документы для цеха получаются за минуту — без регистрации и обучения.

Решение

Трёхмерная модель. Мебель стоит в «чертёжной студии»: стена и пол из бумаги с сеткой 100 мм, размеры на модели, силуэт человека для масштаба. Модель крутится, двери открываются, ящики выезжают.

Шесть типов и шестнадцать цветов. Стеллаж, шкаф, ТВ-тумба, комод, тумба и полка; двери, ящики, антресоль, цоколь или ножки, столешница — отдельно цвет корпуса и фасадов.

Чертёж строится сам. Вид спереди и сбоку с размерными линиями: габариты, ширина секций, просвет между полками. Скачивается в векторе.

Деталировка. Корпус, фасады, короба ящиков и фурнитура — петли, направляющие, ручки, ножки — с размерами и количеством; выгружается в таблицу.

Карта раскроя. Детали раскладываются по листам 2800×2070 с учётом пропила; сервис показывает число листов и процент использования.

Проверка конструкции. Предупреждает, если секции слишком узкие, полки прогнутся или просвет между ними мал.

Смета и ссылка. Ориентир по материалам считается сразу, а параметры хранятся в адресе — проектом можно поделиться ссылкой.

Дизайн-система

светлый тёплый фон, красно-оранжевый акцент, заглавные заголовки средней жирности и белые карточки. Оранжевым на чертеже выделены размерные линии — как на настоящих чертежах.

Фон #F8F4F1
Чёрный #0A0A0A
Акцент #F63C04
Персиковый #F9E3DA
Задайте размерыGeist — заголовки
Получите чертежи и раскройGeist — текст

Нужен похожий проект?