Ugrás a tartalomra
online
huv0.46.1 · 1d135e2
Aktív fejlesztés alattFrissítve: 2026. nov. 9.

DeskForge

3D asztalkonfigurátor tech webáruházaknak: a vásárlók a valódi asztalukon rakják össze a munkahelyüket, és a teljes szettet a kosárba teszik.

DeskForge-konfigurátor: 3D-s szoba téglafallal, állítható magasságú asztal két monitorral, laptoppal és billentyűzettel, irodai szék, polcrendszer és állólámpa, mellette a termékkatalógusDeskForge-konfigurátor: 3D-s szoba téglafallal, állítható magasságú asztal két monitorral, laptoppal és billentyűzettel, irodai szék, polcrendszer és állólámpa, mellette a termékkatalógus

Feladat

Aki online vásárol monitort, tartókart és asztalt, nem tudja megállapítani, hogy minden elfér-e és együtt működik-e, ezért habozik, egyenként vásárol, vagy visszaküldi, ami nem fér el.

Megoldás

  • 3D konfigurátor: valósághű jelenet fizikai alapú anyagokkal, lágy árnyékokkal és ambient occlusionnel, lekerekített élek, valódi kiosztású billentyűzetek, a termékek valódi színei, Blenderből és GLB-fájlokból származó modellek, RGB-világítás, matt vagy fényes kijelzők; renderelési keret összevont hálókkal és minőségi mód telefonokra.
  • Asztal és szoba: parametrikus asztalok (egyenes, kivágott, L alakú), az asztal helyzete a szobában, bútorok, ablak, dekoráció és hat belsőtér-előbeállítás.
  • Szabálymotor: elhelyezés, ergonómia és rögzítési kompatibilitás (VESA, terhelhetőség, asztali szorító) figyelmeztetésekkel és egykattintásos javításokkal; elrendezések egy–három monitorhoz; tartókarok és állványok; méretezési mód.
  • Katalógus és kereskedelem: katalógus-API adminnal, importtal és OpenAPI-val; 38 valós demótermék fotókkal 14 kategóriában; változatok, kedvezmények és elfogyott termékek; kompatibilis termékek ajánlása és „mi hiányzik”; a teljes összeállítás egy kattintással a kosárba.
  • Beágyazás az áruházba: gzippel tömörítve 10 KB alatti betöltőszkript, beágyazási mód frame-ancestors CSP-vel és demóáruházzal, kompakt widget a termékoldalakra.
  • Összeállítások: mentés rövid linkre, elnevezés, „My setups”, megosztási oldal Open Graph-előnézettel, exportálás PNG-be és PDF-be; visszavonás és újra végrehajtás.
  • Analitika: eseményterv, adatbefogadás és tölcsér, továbbítás a GA4-be és a Meta Pixelbe hozzájárulással, rendelés-hozzárendelés és átlagos rendelési érték.
  • Biztonság: nem rootként futó konténerek, kérésméret-korlátok, IPv6-képes sebességkorlátozás, engedélyezett originek a beágyazáshoz.
  • Architektúra: tizenegy architekturális döntési rekord, köztük a renderelőmotorok összehasonlító mérése a választás előtt.

Eredmény

A konfigurátor, a katalógus, a beágyazás és az analitika elkészült, és tesztek fedik le; az első tervezett áruházintegráció a Shopify. Mérések: 60 termékfotó miniatűrként 18,8 MB-ról 124,5 KB-ra csökkent; a lusta betöltésű beágyazási keret 35–40 ms-ot faragott le az LCP-ből; a belsőtér-előbeállítások 135 ms alatt váltanak.

Képernyőképek