Was ist ein 3D Produktkonfigurator?
CGI Visualisierung in Perfektion
Danthree Studio verwandelt komplexe 3D-Technik in verkaufsstarke Marketing-Assets. Sichere dir High-End Qualität für deine Marke.
Projekt anfragenWas ist ein 3D Produktkonfigurator?
Definition: 3D-Produktkonfigurator
Ein 3D-Produktkonfigurator verbindet eine Produktansicht mit auswählbaren Varianten. Du kannst beispielsweise Farbe, Material oder Ausstattung ändern und die passende Darstellung ansehen. Je nach Umsetzung entstehen die Ansichten in Echtzeit oder aus vorbereiteten Renderings. Eine AR-Vorschau ist eine zusätzliche Funktion, kein Bestandteil jedes Konfigurators.
Dreh- und Zoomansicht eines Stuhls in einem Produktkonfigurator.
Welche Aufgaben erfüllt ein 3D-Konfigurator?
| Aufgabe | Nutzen und Grenze |
|---|---|
| Personalisierung | Materialien, Farben und Ausstattungen unmittelbar vergleichen. Welche Auswahl verfügbar ist, bestimmen die Produktdaten und Konfigurationsregeln. |
| Kaufentscheidung unterstützen | Varianten verständlich darstellen. Ob sich mehr Anfragen oder Käufe ergeben, muss im jeweiligen Shop gemessen werden. |
| Erwartungen klären | Form, Proportionen und Ausstattung zeigen. Bildschirmfarben, Materialgefühl und die Genauigkeit einer AR-Platzierung haben Grenzen. |
| Materialien wiederverwenden | Eine abgestimmte PBR-Materialbibliothek kann mehrere Ausgabekanäle versorgen. Aufbereitung und Prüfung im Zielsystem bleiben notwendig. |
| Vertrieb und Showroom | Varianten auch im Beratungsgespräch oder virtuellen Showroom verfügbar machen. Das ersetzt nicht automatisch Muster oder eine Messe. |
Vom Fachbegriff zum visuellen Erlebnis
Wir nutzen diese Technologien nicht nur, wir beherrschen sie. Entdecke, wie wir für führende Marken fotorealistische Welten erschaffen.
Portfolio ansehen
Technik-Grundlagen
- Renderer und Anwendung: Browser-Rendering, eigenständige Anwendung oder serverseitiges Streaming sind unterschiedliche Architekturen.
- Asset-Format: glTF/GLB ist ein verbreitetes Auslieferungsformat für PBR-Materialien. Unterstützte Erweiterungen und Texturkanäle müssen zum Zielrenderer passen.
- Shop-Schnittstelle: Produktdaten, Verfügbarkeit und Warenkorb werden über die vorhandenen Systeme angebunden. Eine Engine liefert diese Geschäftslogik nicht automatisch.
- AR-Ausgabe: Apple Quick Look und Google Scene Viewer stellen unterschiedliche Anforderungen an Dateien, Geräte und Einbindung.
Sechs Entscheidungen vor der Umsetzung
- Ladebudget vereinbaren
Plane Startansicht, Texturen und Geometrie anhand der Zielgeräte. Draco komprimiert Geometrie, benötigt beim Laden aber zusätzliche Dekodierung. - Varianten gezielt nachladen
Lade benötigte Materialien bei Bedarf und zeige einen verständlichen Ladezustand. Prüfe den Wechsel auch mit langsamer Verbindung. - Wiederholte Geometrie sinnvoll instanzieren
Instancing kann Zeichenaufrufe reduzieren. Der Nutzen hängt von Geometrie, Material und Renderer ab und muss gemessen werden. - Konfiguration teilbar machen
Eine Zustands-URL oder ein QR-Code kann die Auswahl wieder aufrufen. Verwende stabile Variantenkennungen und prüfe, was bei nicht mehr verfügbaren Produkten passiert. - Bedienung sichtbar erklären
Ein kurzer Hinweis zum Drehen oder zur Materialauswahl hilft beim Einstieg. Teste die Bedienung mit Personen, die den Konfigurator noch nicht kennen. - Erfolg nachvollziehbar messen
Definiere relevante Ereignisse wie Variantenwahl oder Anfrage. Berücksichtige die erforderlichen Einwilligungen und leite aus einer zeitgleichen Umsatzänderung keine automatische Ursache ab.
Vorgerenderte Ansichten oder Echtzeit-Rendering?
Ein bildbasierter Konfigurator wechselt zwischen vorbereiteten Renderings oder kombiniert Bildebenen. Ein Echtzeit-Konfigurator berechnet die Ansicht aus 3D-Modellen, Materialien und Licht. Pixel Streaming verlagert diese Berechnung auf einen Server. Die Wahl hängt von Ansichten, Varianten, Bildqualität und den Geräten deiner Zielgruppe ab.
| Kriterium | Pre-Rendered | Echtzeit (WebGL / Pixel-Streaming) |
|---|---|---|
| Initialer Aufwand | Renderings oder Bildebenen für die geplanten Kombinationen vorbereiten | 3D-Assets, Materialsystem, Variantenregeln und Anwendung entwickeln |
| Laufzeit-Performance | Bildwechsel kann wenig Rechenleistung brauchen; Dateimenge und Nachladen bleiben relevant | Lokale GPU oder Streaming-Infrastruktur, abhängig von der Architektur |
| Variantenzahl | Die benötigte Bildmenge wächst mit Varianten und Blickwinkeln; Bildebenen können sie begrenzen | Varianten dynamisch kombinieren; Regeln, Speicher und Rechenleistung setzen Grenzen |
| Speicherbedarf | Abhängig von Zahl, Auflösung und Kompression der Bilder | Modelle, Texturen und Anwendung; bei Streaming zusätzlich laufender Serverbetrieb |
| Interaktivität | An die vorbereiteten Ansichten und Übergänge gebunden | Freie Kamera innerhalb der vorgesehenen Bedienung und Modellqualität |
| Aktualisierung | Betroffene Bilder oder Ebenen neu rendern und prüfen | Assets, Materialien oder Regeln ändern und anschließend erneut testen |
| Beste Szenarien | Feste Ansichten und eine überschaubare oder gut in Ebenen teilbare Auswahl | Freie Produktansicht, viele kombinierbare Bauteile oder weitergehende Interaktion |
Technische Ansätze im Vergleich
Die Tabelle zeigt unterschiedliche Bausteine, keine austauschbaren Komplettlösungen. Lege das Zielsystem mit deinem Entwicklungsteam fest, bevor Modelle und Materialien für die Auslieferung aufbereitet werden.
| # | Plattform | Darstellung | Integration | AR/VR | Betrieb | Vorab klären |
|---|---|---|---|---|---|---|
| 1 | Unreal Engine mit Pixel Streaming | Serverseitig gerenderte Echtzeitszene | Anwendung und Shop-Schnittstellen projektspezifisch entwickeln | AR/VR nicht automatisch Teil des Browserstreams | GPU-Server und Streaming-Infrastruktur | Gleichzeitige Sitzungen und Netzverbindung |
| 2 | Unity | Echtzeitanwendung für gewählte Zielplattformen | Schnittstellen und Produktregeln implementieren | Abhängig von Plattform, Packages und Umsetzung | Gewählte Bereitstellung und aktuelle Lizenzbedingungen | Zielgeräte und Plattformumfang |
| 3 | Three.js | 3D-Darstellung im Browser | Shop-Anbindung und Konfigurationslogik selbst entwickeln | Geräte- und browserabhängige WebXR-Integration | Webhosting und eigene Anwendung | Ladeverhalten und mobile Darstellung |
| 4 | Threekit | Plattform für visuelle Produktkonfiguration | Anbindungen nach System und Projektumfang prüfen | AR-Funktionen nach Produkt und Integration prüfen | Vertraglicher Plattformbetrieb | Regeln, Schnittstellen und laufender Aufwand |
| 5 | <model-viewer> | Webkomponente für die Anzeige von 3D-Modellen | Keine vollständige Shop- oder CPQ-Lösung | AR über unterstützte Modi und Geräte | In die eigene Website eingebunden | Welche Konfiguration zusätzlich entwickelt wird |
Aktuelle Funktionen und Bedingungen direkt beim jeweiligen Anbieter prüfen. Ein Viewer allein ersetzt keine Konfigurationslogik.
Epic: Pixel Streaming · Three.js · Threekit · model-viewer
Holz- und Stoffvarianten eines Stuhls in einem Produktkonfigurator wechseln.
Vom Produktdatensatz zum Konfigurator
- Ziele & KPIs festlegen
- Zweck, Zielgruppe und messbare Projektziele vereinbaren.
- Daten-Audit & 3D-Asset-Aufbereitung
- Geometrie, verfügbare Zeichnungen und die Anforderungen des Zielsystems prüfen.
- Materialreferenzen sichten; Scanning oder Rekonstruktion nach Bedarf planen.
- Look-Dev & UX-Prototype
- Farb- und Materialdarstellung mit den Produktreferenzen abgleichen.
- Bedienablauf und zulässige Varianten gemeinsam mit dem Entwicklungsteam festlegen.
- Einen Prototyp mit repräsentativen Produkten und Materialien prüfen.
- Engine-Set-up & Performance-Tuning
- Geometrie, Texturgrößen und Nachladeverhalten auf die Zielgeräte abstimmen.
- Materialkanäle und Beleuchtung im tatsächlichen Renderer prüfen.
- E-Commerce-Integration
- Produktkennungen, Regeln, Verfügbarkeit und Warenkorb technisch anbinden.
- AR nur bei entsprechendem Bedarf integrieren und auf unterstützten Geräten prüfen.
- QA & Beta-Launch
- Browser, Zielgeräte, Ladeverhalten und Bedienreaktion testen. TTI wurde aus Lighthouse entfernt; Lade- und Interaktionswerte passend zur Anwendung auswählen.
- Die Bedienung mit repräsentativen Nutzern testen und erkennbare Hürden beheben.
- Roll-out & Showroom-Verknüpfung
- Einbettung, Zuständigkeiten und Pflege der Produktdaten vereinbaren.
- Änderungen, weitere Produktlinien und mögliche Präsentationskanäle einplanen.
Ein Markenraum und ein Produktkonfigurator erfüllen unterschiedliche Aufgaben. Unser Projekt Interaktiver Markenraum zeigt eine räumliche Präsentation. Eine Verbindung zur Konfiguration muss gesondert geplant werden.
Pixel Streaming und lokales Browser-Rendering
| Kriterium | Pixel Streaming | Lokales Browser-Rendering |
|---|---|---|
| Grafikqualität | Bildqualität hängt von Szene, Serverleistung und Videokompression ab | Bildqualität hängt von Assets, Renderer und Gerät ab |
| Hardware-Anforderung | Videodekodierung und stabile Netzverbindung erforderlich | Endgerät berechnet die 3D-Ansicht |
| Datenübertragung | Fortlaufender Videostream; Bedarf abhängig von Auflösung, Bildrate und Kompression | Modelle, Texturen und Programmcode laden; weitere Daten je nach Interaktion |
| Interaktions-Latenz | Netzweg, Server und Videodekodierung beeinflussen die Reaktion | Lokale Berechnung; Datenabfragen und Nachladen können zusätzlich verzögern |
| Auslieferung der 3D-Daten | Die gerenderte Ansicht wird übertragen; die Geometrie bleibt bei diesem Ansatz auf dem Server | Zur lokalen Darstellung benötigte Assets werden an den Browser übertragen |
| Skalierung | Serverkapazität, Sitzungsmodell und Kosten planen | Dateiauslieferung, Endgeräte und Schnittstellen gemeinsam berücksichtigen |
| Typische Use-Cases | Aufwendige Szenen, deren Berechnung zentral betrieben werden soll | Produktansichten im Web, mit möglicher AR-Erweiterung |
Was Danthree in einem Konfigurator-Projekt liefert
Eine überzeugende Konfiguration beginnt mit nachvollziehbaren Produktdaten. Formen, Oberflächen und Ausstattungen müssen zu den Referenzen des Herstellers passen. Die technische Anwendung braucht darüber hinaus Regeln, welche Kombinationen tatsächlich verfügbar sind.
Unser Schwerpunkt ist die visuelle Grundlage:
3D-Modelle aus Produktreferenzen. Wir bereiten Geometrie anhand deiner CAD-Daten, Zeichnungen oder Bildvorlagen auf. Detailgrad, Topologie und Ausgabedaten stimmen wir auf das vereinbarte Zielsystem ab.
Materialbibliothek. Wir erstellen digitale Materialien für Oberflächen wie Stoff, Holz oder Metall und gleichen ihre Darstellung mit deinen Referenzen ab.
Visuelle Varianten. Modelle, Materialien und Ausstattungen werden den vereinbarten Varianten zugeordnet. Die zulässigen Produktkombinationen kommen von dir; ihre technische Durchsetzung gehört in die Konfigurationslogik.
Abgestimmte Übergabe. Dateiformat und Materialumfang richten sich nach der Anwendung. Ob glTF, GLB, USDZ oder andere Daten benötigt werden, klären wir mit dem zuständigen Entwicklungsteam.
Engine, Shop-Anbindung und Hosting übernimmt dein Entwicklungsteam oder Dienstleister. Wir stimmen die 3D-Assets mit ihnen ab und prüfen die vereinbarte Darstellung. Zusätzliche Anpassungen bei einem Systemwechsel können nötig sein.
Eine gepflegte Modell- und Materialbasis erleichtert weitere Anwendungen. Für andere Renderer, AR oder Print werden jedoch gegebenenfalls eigene Ableitungen und Prüfungen benötigt.
Erzähl uns von deinem Produkt, den gewünschten Varianten und dem Zielsystem. Wir besprechen, welche Modelle und Materialien du dafür brauchst.
Vorhandene CAD-Daten, Zeichnungen und Materialreferenzen helfen bei der Einschätzung.
Projekt besprechen
FAQ: 3D-Produktkonfigurator
Was unterscheidet einen 3D-Konfigurator von einem normalen Varianten-Dropdown?
Ein Varianten-Dropdown wählt einen Datensatz aus. Ein 3D-Konfigurator verknüpft diese Auswahl mit einer räumlichen Produktansicht. Welche Dreh-, Zoom- oder AR-Funktionen möglich sind, hängt von der Umsetzung ab.
Welche Engine ist für Möbel-Konfiguratoren am besten?
Es gibt keine pauschal beste Engine. Bildqualität, Zielgeräte, Produktlogik, Shop-Anbindung und Betrieb müssen zusammenpassen. Ein Prototyp mit deinen tatsächlichen Materialien zeigt mehr als ein allgemeines Herstellerbeispiel.
Kann ich meinen Konfigurator später in AR oder einen Showroom übernehmen?
Oft lassen sich Modelle und Materialien weiterverwenden. Dateiformate, Materialfunktionen, Maßstab, Speicherbedarf und die konkrete Konfiguration müssen aber im Zielsystem geprüft und gegebenenfalls angepasst werden.
Wie messe ich den ROI?
Vergleiche Aufwand und laufende Kosten mit den beobachteten Ergebnissen. Relevante Größen sind etwa qualifizierte Anfragen, Konfiguratornutzung und Käufe. Ein kontrollierter Vergleich hilft dabei, den Beitrag des Konfigurators von anderen Shop-Änderungen zu unterscheiden.
Welche Daten brauche ich als Start?
Hilfreich sind CAD-Dateien, technische Zeichnungen oder Produktfotos, Materialproben und eine klare Variantenliste. Ein Materialscan ersetzt kein vollständiges 3D-Modell. Wir klären, welche Geometrie und Oberflächen aufbereitet werden müssen.
Kann ich den Konfigurator an mein ERP / PIM-System anbinden?
Das ist mit geeigneten Schnittstellen möglich. Das Entwicklungsteam muss Datenstruktur, Zugriffsrechte, Aktualisierung und Fehlerfälle abstimmen. Die Erstellung der 3D-Assets ersetzt diese Integration nicht.
Wie plane ich die Ladezeit eines Web-Konfigurators?
Vereinbare ein Ladebudget für die tatsächlichen Geräte und Verbindungen deiner Zielgruppe. Prüfe Startansicht, Variantenwechsel und Bedienreaktion mit echten Assets. Geometrie- und Texturkompression sowie gezieltes Nachladen helfen, haben aber eigene Rechen- und Qualitätskosten.
Welche Lizenzmodelle gibt es bei Cloud 3D Konfiguratoren?
Je nach Anbieter können Softwarelizenzen, Plattformgebühren, Hosting, Streaming-Nutzung und Wartung anfallen. Vergleiche den tatsächlichen Funktionsumfang und die aktuellen Vertragsbedingungen. Ein allgemeiner Tabellenpreis bildet die Projektkosten nicht verlässlich ab.
Wie sichere ich meine 3D-Daten vor unbefugtem Download?
Assets, die der Browser für lokales Rendering erhält, können grundsätzlich ausgelesen werden. Draco ist Kompression, kein Kopierschutz. Bei Pixel Streaming bleibt die 3D-Geometrie auf dem Server; Zugangsschutz und der Schutz anderer Daten müssen trotzdem gesondert geplant werden.
Was passiert, wenn ich neue Produktlinien einführen möchte?
Neue Modelle, Materialien und Varianten müssen aufbereitet, den Produktregeln zugeordnet und in der Anwendung getestet werden. Eine bestehende Bibliothek kann dabei helfen. Wiederverwendung ist jedoch keine Zusage, dass jede neue Produktlinie ohne weitere Anpassung funktioniert.