Dienstleistungen, die wir erbracht haben:
Product Discovery
UX & Functional Planning
Proof of Concept Development in Three.js
CAD Integration Research
Dynamic 3D Stand Scene with Real-Time Item List Logic
Basic Performance Testing for Scene Load
Über den Kunden
Deutschland
Die Messe Projekt GmbH ist ein in Deutschland ansässiges Unternehmen, das sich auf die Gestaltung und Logistik von Messeständen auf wichtigen Messen in der EU spezialisiert hat. Ihre Plattform myStand Konfigurator ermöglicht es Unternehmen, modulare Stände zu konfigurieren, aber der Kunde wollte das Erlebnis mit modernen visuellen Tools und einer besseren Backend-Logik verbessern.
Überblick über das Projekt
Unsere Aufgabe bestand darin, die Machbarkeit eines modernen webbasierten 3D-Konfigurators zu validieren, der:
- Ersetzt manuelle AutoCAD-Arbeiten für jede Kundenanfrage
- Ermöglichen Sie Änderungen von Ständen in Echtzeit
- Generieren und aktualisieren Sie eine strukturierte Artikelliste
- Bereiten Sie sich auf die zukünftige ERP-Integration mit Microsoft Dynamics vor
Dauer:
fortlaufend
technologien:
PHP
Three.js
AutoCAD
MySQL
No items found.
Geschäftlicher Kontext
Die aktuelle Toolchain des Kunden basierte auf:
- Oxid eShop (ERP-basiert)
- AutoCAD/OctaCAD (manuelles Zeichnen und Generieren von Artikellisten)
- Microsoft Dynamics (Inventar und Logistik)
Trotzdem bot der Konfigurator:
- Keine WYSIWYG-Erfahrung
- Keine 3D-Visualisierung
- Keine Automatisierung zwischen Web-UI und Backend-Logistik
Dies führte zu Zeitverschwendung, doppeltem Aufwand und Fehlerrisiko.
Herausforderungen
Der Aufbau eines Konfigurators der nächsten Generation erfordert die Bewältigung mehrerer technischer und architektonischer Herausforderungen. Um Endbenutzern ein nahtloses, visuelles Konfigurationserlebnis in Echtzeit zu bieten und gleichzeitig eine umfassende Integration in bestehende Systeme wie AutoCAD zu gewährleisten, müssen die folgenden Probleme behoben werden:
Transformieren Sie komplexe AutoCAD-Daten in nutzbare 3D-Geometrie im Web
Erstellen Sie editierbare Standszenen, die in allen Browsern performant sind
Stellen Sie sicher, dass Benutzeraktionen (wie das Hinzufügen von Möbeln oder das Ändern der Größe) die zugrunde liegende Artikelliste in Echtzeit aktualisieren
Funktionalität der App
- Echtes Standlayout in einer 3D-Szene mit Three.js gerendert
- Erlaubt das Ziehen und Platzieren von Möbeln auf einer rasterorientierten Oberfläche
- Dimensionsänderungen (Breite/Tiefe) in Echtzeit aktiviert, dynamische Aktualisierung der Gesamtfläche
- Simulierte Artikellistenaktualisierungen basierend auf der Konfiguration
- Logik hinzugefügt, um Farben und Texturen von Elementen zu ändern (z. B. Bodenbeläge, Grafiken an Wänden)
- Steuerung der Kamerabewegung und des Zooms zur Vermeidung von Orientierungslosigkeit
Lösung
Wir haben einen fokussierten Three.js-basierten PoC entwickelt, der Folgendes demonstrierte:
Dynamisches Rendern von Ständen mit mehreren Varianten
Benutzerinteraktion mit der Szene (Drag & Drop, Objektfilterung usw.)
Synchronisation der Artikelliste mit Frontend-Aktionen
Ergebnisse des Projekts
Der PoC bewies die technische Machbarkeit der AutoCAD to Web to ERP-Pipeline, etablierte einen skalierbaren Ansatz für das Rendern und Bearbeiten modularer Stände und lieferte einen funktionalen Prototyp, der sowohl auf Desktop- als auch auf Tablet-Plattformen funktionierte.
