Velvet Curve 220

Задача бренда

Бархат тяжелее всего продавать по фотографии: он меняет цвет от света и угла, а диван — крупная покупка. Каждая ткань требует отдельной съёмки. Бренду нужна страница, где посетитель обходит один диван, видит, как ворс ловит свет, и выбирает ткань.

Где бренд это применит

Карточки товаров

Диван, который можно вращать, а ткани — переключателем вместо сетки образцов и фотографий.

Конфигураторы тканей

Одна модель во всех тканях коллекции, таблица материалов.

Шоурумы и мероприятия

Экран в салоне, который показывает всю линейку в ткани клиента.

Презентации дизайнеров и архитекторов

Предмет в рендере проекта в выбранной ткани.

Из чего состоит решение

• Готовая PBR-модель дивана (см. авторов) с пятью тканевыми материалами, подготовленная для веба: около 2 000 вершин ткани, текстуры WebP, сжатие meshopt, 0,6 МБ.
• Бархат собран из тёмного базового цвета, цветного слоя sheen и мелкой карты нормалей; именно цвет sheen заставляет каждую ткань меняться от света.
• Веб-сцена на Three.js: главы на прокрутке с режиссированными ракурсами, вращение мышью, режим «Приблизить», мягкая контактная тень и ключевой свет с мягкой тенью, облегчённая модель для телефонов и режим без 3D.