DeskForge
3D konfigurátor pracovišť pro obchody s elektronikou: zákazník si sestaví pracoviště na svém skutečném stole a vloží celou sestavu do košíku.


Úkol
Kdo kupuje monitor, držák a stůl online, nepozná, jestli se vše vejde a bude spolu fungovat, takže váhá, kupuje po jednom kusu, nebo vrací, co nesedí.
Řešení
- 3D konfigurátor: realistická scéna s fyzikálně založenými materiály, měkkými stíny a ambient occlusion, zaoblenými hranami, klávesnicemi se skutečným rozložením, věrnými barvami produktů, modely z Blenderu a souborů GLB, RGB osvětlením, matnými nebo lesklými displeji; rozpočet vykreslování se sloučenými sítěmi a režim kvality pro telefony.
- Stůl a místnost: parametrické stoly (rovné, s výřezem, ve tvaru L), umístění stolu v místnosti, nábytek, okno, dekorace a šest předvoleb interiéru.
- Engine pravidel: rozmístění, ergonomie a kompatibilita uchycení (VESA, nosnost, svěrka) s upozorněními a opravou jedním kliknutím; rozložení pro jeden až tři monitory; ramena a stojany; režim rozměrů.
- Katalog a prodej: API katalogu s administrací, importem a OpenAPI; 38 skutečných demo produktů s fotkami ve 14 kategoriích; varianty, slevy a vyprodané zboží; návrhy kompatibilních produktů a „co chybí“; celá sestava přidaná do košíku jedním kliknutím.
- Vložení do obchodu: zavaděč pod 10 KB po gzip kompresi, režim vložení s CSP frame-ancestors a demo obchodem, kompaktní widget pro stránky produktů.
- Sestavy: ukládání pod krátkým odkazem, s názvem, „My setups“, stránka pro sdílení s náhledem Open Graph, export do PNG a PDF; zpět a znovu.
- Analytika: plán událostí, příjem dat a trychtýř, předávání do GA4 a Meta Pixelu se souhlasem, atribuce objednávek a průměrná hodnota objednávky.
- Bezpečnost: kontejnery, které neběží jako root, limity velikosti požadavků, rate limiting s podporou IPv6, povolené originy pro vkládání.
- Architektura: jedenáct záznamů architektonických rozhodnutí, včetně benchmarku vykreslovacích enginů před výběrem jednoho z nich.
Výsledek
Konfigurátor, katalog, vkládání i analytika jsou hotové a pokryté testy; první plánovanou integrací obchodu je Shopify. Naměřeno: 60 fotek produktů se jako náhledy zmenšilo z 18,8 MB na 124,5 KB; líně načítaný rámec pro vložení ubral z LCP 35–40 ms; předvolby interiéru se přepnou za méně než 135 ms.