Задача
Представить мебель WALMI через задачи покупателя: обустроить дом, оснастить бизнес, найти конкретную модель или подобрать решение для клиента.
Что сделали
- Организовали пять категорий и 27 моделей мебели на стальном каркасе.
- Разделили модель и её варианты по размеру и декору, чтобы каталог оставался понятным.
- Выстроили отдельные маршруты для частных покупателей, бизнеса и специалистов, подбирающих мебель для клиентов.
- Добавили фильтры по назначению мебели и форме металлических опор.
- Создали карточки моделей с представлением в интерьере, размерами и выбором декора.
- Реализовали интерактивный выбор ширины стола: геометрия 3D-модели и размерные подписи обновляются в сцене.
- Настроили SEO-метаданные и структурированные данные каталога.
Результат
Каталог помогает выбирать мебель под конкретное пространство и сценарий использования. Посетитель видит различия между моделями и может оценить подходящий размер до обращения к бренду.
Этот кейс посвящён сайту бренда. Система управления производством представлена отдельно в кейсе WALMI OS.
Технологии
Next.js, React, TypeScript, Tailwind CSS, Three.js, GSAP.