To nie jest gotowa wtyczka do WordPressa lub Shopify, a specjalnie napisane aplikacja internetowa (Custom Web App). Agencja opracowuje takie rozwiązania od podstaw pod konkretne procesy biznesowe firmy. Prawdopodobnie na froncie używany jest nowoczesny framework JavaScript (na przykład React lub Vue.js), który zapewnia natychmiastowe aktualizacje interfejsu bez przeładowania strony.
2. Technologia wizualizacji: warstwy 2D (Image Layering)
Musimy użyć zaawansowanego silnika 3D (takiego jak WebGL lub Three.js).
Jeśli spojrzeć na strukturę strony, wizualizator składa się z kilku warstw:
• Extension base (podstawowy model przybudówki)
• Cladding overlay (warstwa z elewacją: cegła, drewno, plastik)
• Roof trim overlay (warstwa z wykończeniem dachu)
• Frame overlay (warstwa z ramami okiennymi/drzwiowymi)
• Drainpipe overlay (warstwa z rynną)
Jak to działa: Projektant wcześniej renderuje w edytorze 3D (lub rysuje) wszystkie możliwe warianty detali w jednym kącie z przezroczystym tłem (format PNG lub WebP). Kiedy użytkownik kliknie na przykład na "Czarny plastik" lub "Czerwony cegła", skrypt po prostu zmienia obraz w warstwie Cladding overlay.