Веб-приложение / 2026

DECOMIR Studio

Примерочная отделки в 3D

Визуализатор декоративных материалов для DECOMIR. Размеры помещения, раскладка панелей, трёхмерный предпросмотр и расчёт материалов — в одном инструменте.

Реальный проект

Раздел: Другие проекты
Формат: Веб-приложение
Состав работы: 3D-интерфейс / Каталог материалов / Расчёт раскладки
Инструменты: React / TypeScript / Three.js

СХЕМА ИНТЕРФЕЙСА

01 / ЗАДАЧА

Задача проекта

Помочь покупателю и менеджеру салона увидеть сочетание материалов в помещении и связать визуальный выбор с размерами стен и количеством отделки.

02 / РЕШЕНИЕ

Как подошли к задаче

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

Размеры и проёмы

Планирование начинается с геометрии помещения, высоты стен, дверей и окон.

Сочетание материалов

Панели можно ориентировать по-разному и сочетать два материала на одной стене.

Из визуала в расчёт

Раскладка связана с площадью, количеством и стоимостью выбранной отделки.

03 / ПРОЕКТ В ДЕТАЛЯХ

Ближе к продукту.

Экраны, материалы и сценарии. Каждый кадр — о своей части проекта.

01 / Визуальный материал

Материалы задают характер

Визуальный материал из проекта DECOMIR: натуральные фактуры и подача коллекции.

Материал в пространстве
Интерьерный образец из каталога визуализатора. Это каталожное изображение, не результат рендера приложения.

Фактура для предпросмотра
Материал из локального каталога, который используется для представления отделки в сцене.

01 / Размеры и проёмы

Демонстрационный пример

Сначала —
геометрия стены.

4,8 м2,7 м

0,9 × 2,1 м

Площадь стены12,96 м²

Без дверного проёма11,07 м²

02 / Количество материалов

Демонстрационный пример

От размера
к количеству.

Стена без проёма11,07 м²

Условная панель0,6 × 2,8 м

Площадь панели1,68 м²

По площади, с округлением7 панелей

Иллюстрация расчёта по площади. Подрезку и фактическую раскладку уточняют в редакторе.

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

Подбор отделки

Схема интерфейса: каталог материалов рядом с предпросмотром помещения.

Раскладка и расчёт

Сохранение вариантов, сравнение материалов и подготовка расчёта для обсуждения с покупателем.

В ТОМ ЖЕ РАЗДЕЛЕ

Ещё другие проекты

Весь раздел

НАЧНЁМ С ЗАДАЧИ