DeskForge

Wer Monitor, Monitorarm und Schreibtisch online kauft, kann nicht abschätzen, ob alles passt und zusammen funktioniert – also zögert man, kauft Stück für Stück oder schickt zurück, was nicht passt.

• 3D-Konfigurator: eine realistische Szene mit physikalisch basierten Materialien, weichen Schatten und Ambient Occlusion, abgerundeten Kanten, Tastaturen mit echten Layouts, echten Produktfarben, Modellen aus Blender und GLB-Dateien, RGB-Beleuchtung, matten oder glänzenden Bildschirmen; ein Render-Budget mit zusammengeführten Meshes und ein Qualitätsmodus für Smartphones.
• Schreibtisch und Raum: parametrische Tische (gerade, mit Ausschnitt, L-förmig), die Position des Tischs im Raum, Möbel, Fenster, Deko und sechs Interieur-Vorlagen.
• Regel-Engine: Platzierung, Ergonomie und Kompatibilität von Halterungen (VESA, Traglast, Klemme) mit Warnungen und Korrekturen per Klick; Layouts für einen bis drei Monitore; Monitorarme und Ständer; ein Maßmodus.
• Katalog und Commerce: eine Katalog-API mit Admin-Bereich, Import und OpenAPI; 38 echte Demo-Produkte mit Fotos in 14 Kategorien; Varianten, Rabatte und „nicht vorrätig“; Vorschläge kompatibler Produkte und „Was fehlt noch“; das gesamte Setup mit einem Klick in den Warenkorb.
• Einbindung in einen Shop: ein Loader-Skript unter 10 KB (gzip), ein Embed-Modus mit CSP frame-ancestors und einem Demo-Shop, ein kompaktes Widget für Produktseiten.
• Setups: per Kurzlink gespeichert, benannt, „My setups“, eine Teilen-Seite mit Open-Graph-Vorschau, Export als PNG und PDF; Rückgängig und Wiederholen.
• Analytics: ein Event-Plan, Ingest und Funnel, Weiterleitung an GA4 und Meta Pixel mit Einwilligung, Bestellzuordnung und durchschnittlicher Bestellwert.
• Sicherheit: Container, die nicht als root laufen, Größenlimits für Request-Bodys, IPv6-fähiges Rate Limiting, erlaubte Origins für die Einbindung.
• Architektur: elf Architecture Decision Records, darunter ein Benchmark von Rendering-Engines vor der Auswahl.

Konfigurator, Katalog, Einbindung und Analytics sind gebaut und durch Tests abgedeckt; Shopify ist die erste geplante Shop-Integration. Gemessen: 60 Produktfotos schrumpften als Thumbnails von 18,8 MB auf 124,5 KB; der verzögert geladene Embed-Frame senkte den LCP um 35–40 ms; Interieur-Vorlagen wechseln in unter 135 ms.