Přejít na obsah
online
csv0.46.1 · 1d135e2
V aktivním vývojiAktualizováno 9. 11. 2026

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.

Konfigurátor DeskForge: 3D místnost s cihlovou zdí, výškově nastavitelný stůl se dvěma monitory, notebookem a klávesnicí, kancelářská židle, regál a stojací lampa, vedle katalog produktůKonfigurátor DeskForge: 3D místnost s cihlovou zdí, výškově nastavitelný stůl se dvěma monitory, notebookem a klávesnicí, kancelářská židle, regál a stojací lampa, vedle katalog produktů

Ú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.

Snímky obrazovky