DeskForge
Konfigurator stanowisk 3D dla sklepów z elektroniką: klient składa stanowisko na swoim prawdziwym biurku i dodaje cały zestaw do koszyka.


Zadanie
Kupując online monitor, uchwyt i biurko, trudno ocenić, czy wszystko się zmieści i będzie do siebie pasować, więc klienci się wahają, kupują po jednej rzeczy albo zwracają to, co nie pasuje.
Rozwiązanie
- Konfigurator 3D: realistyczna scena z materiałami PBR, miękkimi cieniami i ambient occlusion, zaokrąglonymi krawędziami, klawiaturami z prawdziwymi układami, wiernymi kolorami produktów, modelami z Blendera i plików GLB, podświetleniem RGB, matowymi lub błyszczącymi ekranami; budżet renderowania ze scalonymi siatkami i tryb jakości dla telefonów.
- Biurko i pokój: parametryczne biurka (proste, z wycięciem, narożne w kształcie L), położenie biurka w pokoju, meble, okno, dekoracje i sześć gotowych wnętrz.
- Silnik reguł: rozmieszczenie, ergonomia i zgodność mocowań (VESA, obciążenie, zacisk) z ostrzeżeniami i poprawkami jednym kliknięciem; układy od jednego do trzech monitorów; ramiona i podstawki; tryb wymiarów.
- Katalog i sprzedaż: API katalogu z panelem, importem i OpenAPI; 38 prawdziwych produktów demonstracyjnych ze zdjęciami w 14 kategoriach; warianty, rabaty i brak w magazynie; propozycje zgodnych produktów i „czego brakuje”; cały zestaw dodawany do koszyka jednym kliknięciem.
- Osadzanie w sklepie: skrypt ładujący poniżej 10 KB po gzip, tryb osadzania z CSP frame-ancestors i sklepem demonstracyjnym, kompaktowy widżet na strony produktów.
- Zestawy: zapisywane pod krótkim linkiem, z nazwą, „My setups”, strona udostępniania z podglądem Open Graph, eksport do PNG i PDF; cofanie i ponawianie.
- Analityka: plan zdarzeń, ingest i lejek, przekazywanie do GA4 i Meta Pixel za zgodą, atrybucja zamówień i średnia wartość zamówienia.
- Bezpieczeństwo: kontenery, które nie działają jako root, limity rozmiaru żądań, rate limiting obsługujący IPv6, dozwolone originy przy osadzaniu.
- Architektura: jedenaście rekordów decyzji architektonicznych, w tym benchmark silników renderujących przed wyborem jednego z nich.
Rezultat
Konfigurator, katalog, osadzanie i analityka są gotowe i pokryte testami; pierwszą planowaną integracją sklepu jest Shopify. Pomiary: rozmiar 60 zdjęć produktów jako miniatur spadł z 18,8 MB do 124,5 KB; leniwie ładowana ramka osadzenia skróciła LCP o 35–40 ms; gotowe wnętrza przełączają się w mniej niż 135 ms.