FORMAКаталог · 2026
Каталог для дома, в котором материал и размер видны до покупки
Двенадцать предметов из семи материалов: фильтры, карточка с чертежом, сравнение в одном масштабе и подборка. На русском и английском.
Предмет находят по материалу
Фильтр показывает, сколько предметов в каждом материале, и работает вместе с категориями и наличием.
Карточка отвечает на вопросы до покупки
Материалы по частям, размеры на чертеже, вес, уход и срок изготовления.
Сравнение в одном масштабе
Силуэты стоят на общей сетке, поэтому сразу видно, что выше и крупнее.
Подборка считает сумму и срок
Итог в евро, самое долгое ожидание и список, который можно скопировать. Выбор сохраняется на устройстве.
На телефоне тот же каталог
Карточка и подборка рассчитаны на небольшой экран.
Как устроено
React 19 и TypeScript, изображения построены трёхмерным рендером.
- Модели
- Каждый предмет построен как параметрическая модель: снимки, чертежи и силуэты получены из неё и совпадают по размерам.
- Адрес
- Фильтры хранятся в адресе, отобранный вид можно отправить ссылкой.
- Движение
- Изображение переходит из сетки в карточку, сниженная анимация учитывается.
- Поиск
- Ищет на русском и английском, сортирует по номеру, цене или размеру.
Соберите подборку в каталоге