admin/gb-investigation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
97f0036fe012e4eea6ae1fc16f2b4ea7312c4317
gb-investigation/site/09 — Конфигуратор фасада.md
Ivan Liashkevich e395b2ab84 Add new pages for FAQ, Sustainability, Contacts, Technical Requirements, Glossary, and related content 
- Created FAQ page with structured questions and answers for customer support.
- Added Sustainability page detailing eco-friendly practices and certifications.
- Introduced Contacts page with comprehensive contact information and forms.
- Established Technical Requirements page outlining SEO and performance standards.
- Compiled a Glossary of terms related to performance, SEO, and construction materials.
2026-02-18 00:04:25 +02:00

3.7 KiB
Raw Blame History

tags, url, created
tags url created
сайт
страница
конфигуратор
ar
визуализация
/configurator/ 2026-02-16

🎨 Конфигуратор фасада

[!tip] Роль страницы Главный дифференциатор (конкуренты: Feldhaus Klinker, Ströher). Увеличивает время на сайте в 3-5 раз. Ключевой конверсионный инструмент.

Мета-данные

Поле Значение
Title Конфигуратор фасада — Визуализируйте кирпич на вашем доме | {Бренд}
Description Онлайн-конфигуратор фасада: выберите кирпич, тип кладки и цвет затирки. Посмотрите, как будет выглядеть ваш дом. AR-режим на мобильном.
Schema WebApplication + BreadcrumbList

Блоки / Функциональность

1. Выбор шаблона / загрузка фото

  • 10+ шаблонов домов:
    • Одноэтажный
    • Двухэтажный
    • Коттедж
    • Таунхаус
    • Коммерческое здание
  • ИЛИ загрузка своего фото фасада
  • AI-сегментация: автоматическое выделение зон стен

2. Панель продуктов

  • Каталог текстур из 02 — Каталог с превью
  • Фильтр: цвет / формат / коллекция
  • Drag & drop текстуры на зоны фасада
  • Возможность разных текстур на разных зонах (цоколь отдельно)

3. Настройки кладки

Параметр Варианты
Тип кладки Ложковая / Фламандская / Штабельная / Ёлочка
Цвет затирки 10+ вариантов (визуальные swatches)
Ширина шва 8 / 10 / 12 мм
  • Рендеринг в реальном времени (WebGL / WebGPU)

4. Панель финализации

5. AR-режим (mobile only)

  • «Наведите камеру на стену»
  • WebXR overlay текстуры на реальную поверхность
  • Progressive enhancement: работает как 2D на слабых устройствах

[!note] Технология 2026 WebXR API + 8th Wall / AR.js. Без установки приложения.

Технические требования

  • WebGL / WebGPU для рендеринга
  • Lazy load конфигуратора (не блокировать LCP первого экрана)
  • Progressive enhancement: 2D fallback на low-end
  • Mobile-first (большинство пользователей — смартфоны)
  • PWA-возможности для офлайн-работы (выставки, стройки)

Связанные страницы

Reference in New Issue View Git Blame Copy Permalink