3D-Produktkonfigurator: Technik, Voraussetzungen und wann er sich lohnt

Ein 3D-Produktkonfigurator zeigt dem Kunden nicht ein Bild seines Produkts – er zeigt ihm das Produkt. Drehbar, zoombar, mit Materialien die sich in Echtzeit ändern. Das wirkt beeindruckend und ist bei erklärungsbedürftigen Produkten oft der Unterschied zwischen Anfrage und Bestellung. Aber 3D ist auch aufwendiger, teurer und lohnt sich längst nicht für jedes Produkt. Dieser Artikel erklärt wie die Technik funktioniert, was sie voraussetzt und wann sie sich wirklich rechnet.

Was einen 3D-Konfigurator von anderen unterscheidet

Die meisten Konfiguratoren arbeiten mit vorbereiteten Bildern: Für jede Materialkombination liegt eine Bilddatei bereit, bei einer Auswahl wird das passende Bild eingeblendet. Das funktioniert gut – solange die Zahl der Kombinationen überschaubar bleibt.

Ein 3D-Konfigurator arbeitet grundlegend anders. Er lädt ein dreidimensionales Modell des Produkts in den Browser und berechnet die Darstellung live. Materialien, Farben, Proportionen und Bauteile werden nicht ausgetauscht, sondern am Modell verändert.

Der Kipppunkt liegt bei der Zahl der Kombinationen. Bei zwölf Varianten sind zwölf Bilder schnell erstellt. Bei acht Merkmalen mit je fünf Werten wären es rechnerisch hunderttausende Bilder – hier ist 3D nicht nur schöner, sondern der einzig praktikable Weg.

Wie 3D im Browser technisch funktioniert

Moderne Browser können dreidimensionale Grafik direkt auf der Grafikkarte des Geräts berechnen. Dafür sorgt WebGL, eine Schnittstelle die in allen aktuellen Browsern verfügbar ist – ohne Plugin, ohne Installation.

Das 3D-Modell

Grundlage ist ein digitales Modell des Produkts. Es besteht aus der Geometrie (der Form) und den Materialdefinitionen (wie Oberflächen auf Licht reagieren). Das gängige Austauschformat für Web-Anwendungen ist glTF beziehungsweise dessen komprimierte Variante GLB – es ist speziell für schnelles Laden im Browser ausgelegt.

Die Modelle stammen entweder aus vorhandenen CAD-Daten der Konstruktion oder werden neu erstellt. CAD-Daten müssen fast immer aufbereitet werden: Konstruktionsmodelle enthalten Details, die für die Fertigung wichtig sind, aber die Darstellung im Browser unnötig belasten – jede Schraube und jede Bohrung kostet Ladezeit.

Materialien und Licht

Damit Holz wie Holz und Metall wie Metall aussieht, werden Materialien physikalisch beschrieben: Wie rau ist die Oberfläche? Wie stark reflektiert sie? Wie sieht die Maserung aus? Dieses Verfahren heißt PBR (Physically Based Rendering) und sorgt dafür, dass ein Material unter verschiedenen Lichtverhältnissen realistisch wirkt.

Die Beleuchtung stammt meist aus einer HDRI-Umgebung – einem Rundum-Bild einer realen Umgebung, das als Lichtquelle dient. Das ist der Grund, warum gute 3D-Konfiguratoren nicht wie Computergrafik aussehen, sondern wie Fotos.

Konfigurationslogik

Die eigentliche Konfigurationsintelligenz liegt nicht im 3D-Teil. Regelwerk und Preisberechnung funktionieren wie bei jedem anderen Produktkonfigurator: Merkmale, Abhängigkeiten, Ausschlussregeln, Preislogik. Die 3D-Ansicht ist die Darstellungsebene darüber – sie zeigt das Ergebnis, sie trifft keine Entscheidungen.

Das ist eine wichtige Unterscheidung: Ein Projekt scheitert selten am 3D-Rendering. Es scheitert an unsauber definierten Produktregeln.

Die größte Hürde: Performance

3D-Konfiguratoren haben ein Problem, das bildbasierte Lösungen nicht haben: Das Modell muss geladen werden, bevor der Kunde etwas sieht. Und mobile Geräte haben deutlich weniger Rechenleistung als ein Desktop-Rechner.

Was in der Praxis über Erfolg oder Abbruch entscheidet:

• Modellgröße: Ein unoptimiertes CAD-Modell kann 200 MB groß sein. Für den Browser muss es auf wenige Megabyte reduziert werden – durch Vereinfachung der Geometrie und Komprimierung
• Texturauflösung: Hochauflösende Materialbilder sehen besser aus, kosten aber Ladezeit und Arbeitsspeicher. Auf dem Smartphone ist weniger oft mehr
• Progressives Laden: Zuerst eine grobe Version zeigen, Details nachladen – so sieht der Kunde sofort etwas statt einen Ladebalken
• Mobile Reduktion: Auf Smartphones werden bewusst vereinfachte Modelle und kleinere Texturen ausgeliefert
• Fallback: Für Geräte die kein WebGL unterstützen oder überfordert sind, sollte eine bildbasierte Variante bereitstehen

Da über die Hälfte der Shop-Besuche mobil erfolgt, ist die Mobilperformance keine Nebensache. Ein 3D-Konfigurator der nur auf dem Desktop flüssig läuft, verliert die Mehrheit der Interessenten. Wie sich Ladezeiten und Reaktionsverhalten messen lassen, erklärt unser Artikel zu den Core Web Vitals.

Wann sich 3D wirklich lohnt – und wann nicht

3D beeindruckt in Präsentationen. Ob es sich rechnet, ist eine andere Frage. Diese Signale sprechen dafür:

• Das Produkt ist hochpreisig – bei einer Investition von mehreren tausend Euro will der Kunde genau sehen, was er bekommt
• Die Optik ist kaufentscheidend – Möbel, Innenausbau, Fahrzeuge, alles was sichtbar bleibt
• Räumlichkeit lässt sich flach nicht vermitteln – Treppen, Konstruktionen, alles wo Proportionen zählen
• Die Kombinationsvielfalt ist zu groß für Bilder – wenn Sie für jede Variante rendern müssten, ist 3D günstiger
• Es gibt bereits CAD-Daten – dann entfällt ein erheblicher Teil des Modellierungsaufwands

Wann 3D nicht die richtige Wahl ist: Bei flachen oder einfachen Produkten, bei denen ein gutes Foto mehr überzeugt als ein Modell. Bei wenigen Varianten, die sich einfach fotografieren lassen. Wenn keine CAD-Daten existieren und die Modellierung den Rahmen sprengt. Und wenn das eigentliche Problem gar nicht die Darstellung ist, sondern eine unklare Preis- oder Regellogik – die löst 3D nicht.

Wir raten in solchen Fällen offen zur einfacheren Lösung. Ein sauber funktionierender Auswahlkonfigurator, der schnell lädt und auf jedem Gerät zuverlässig läuft, verkauft mehr als ein beeindruckendes 3D-Modell, das auf dem Smartphone ruckelt.

Was ein 3D-Konfigurator im Projekt bedeutet

Anders als bei einfacheren Konfiguratoren kommen zusätzliche Arbeitspakete dazu:

1. Datenprüfung: Liegen CAD-Daten vor? In welchem Format, in welcher Qualität? Sind sie vollständig?
2. 3D-Aufbereitung: Reduktion der Geometrie, Erstellung der Materialdefinitionen, Export ins Web-Format
3. Regelwerk: Welche Merkmale gibt es, welche Kombinationen sind zulässig, wie berechnet sich der Preis
4. Verknüpfung: Regelwerk und 3D-Modell müssen zusammenspielen – jede Auswahl muss die richtige Modelländerung auslösen
5. Shop-Integration: Konfiguration in den Warenkorb, in die Bestellung, in die Produktionsdaten des ERP-Systems
6. Optimierung: Performance-Tests auf echten Geräten, nicht nur im Entwicklerbrowser

Realistischer Rahmen: 3D-Konfiguratoren beginnen bei etwa 30.000 € und reichen bei komplexen Produkten mit ERP-Anbindung deutlich darüber hinaus. Die Projektdauer liegt meist bei vier bis acht Monaten. Der größte Kostenfaktor ist selten die Programmierung – es sind die 3D-Daten und die Regellogik.

Praxisbeispiel: Treppen in 3D konfigurieren

Treppen sind ein Lehrbuchfall für 3D-Konfiguration. Sie sind räumlich, sie sind teuer, sie sind fast immer ein Einzelstück – und auf einem flachen Foto lässt sich schwer beurteilen, wie eine bestimmte Kombination aus Holzart, Stufenform und Geländer im eigenen Zuhause wirkt.

Für den StarWood Treppenshop haben wir einen Konfigurator direkt in Magento 2 integriert. Der Kunde stellt Holzart, Maße, Stufenform, Geländer und Oberfläche zusammen, sieht das Ergebnis visuell und erhält den Preis in Echtzeit. Die Konfiguration läuft strukturiert in die Bestellung und weiter in die Produktion.

Was das Projekt technisch anspruchsvoll gemacht hat, war nicht die Darstellung – es war die Regellogik. Welche Stufenzahl passt zu welcher Geschosshöhe? Ab welcher Breite braucht es eine Zwischenstütze? Welche Geländer sind mit welcher Stufenform kombinierbar? Diese Fragen zu klären hat mehr Projektzeit gekostet als das Rendering.

Weitere Projekte finden Sie auf unserer Referenzseite.

Häufige Fragen zum 3D-Produktkonfigurator

Brauche ich CAD-Daten meiner Produkte?

Sie erleichtern die Sache erheblich, sind aber keine Voraussetzung. Fehlen sie, müssen die Modelle erstellt werden – das ist ein eigener Kostenblock. Vorhandene CAD-Daten müssen fast immer für den Web-Einsatz aufbereitet werden, da Konstruktionsmodelle zu detailliert sind.

Läuft ein 3D-Konfigurator auf jedem Smartphone?

Auf aktuellen Geräten ja. Bei älteren Modellen kann es zu Einschränkungen kommen – deshalb gehören reduzierte Mobilversionen und eine bildbasierte Fallback-Lösung zu jedem seriösen Projekt.

Wie unterscheidet sich das von AR – der Ansicht im eigenen Raum?

Augmented Reality baut auf denselben 3D-Daten auf, zeigt das Produkt aber über die Kamera im realen Raum. Moderne Smartphones unterstützen das über native Funktionen. Wenn die 3D-Modelle sauber aufbereitet sind, ist AR meist ein überschaubarer Zusatzschritt.

Kann ich Materialien und Preise später selbst pflegen?

Materialien, Farben und Preise ja – über eine Administrationsoberfläche. Neue Bauteile oder geänderte Geometrien erfordern dagegen eine Anpassung der 3D-Daten und damit Entwicklungsarbeit.

Lohnt sich 3D auch im B2B?

Ja, aber aus anderen Gründen als im B2C. Im B2B geht es weniger um Emotion als um Verständlichkeit: Der Einkäufer will prüfen, ob die konfigurierte Variante wirklich zu seiner Anwendung passt. Bei technischen Produkten reduziert das Fehlbestellungen spürbar. Wie sich das mit Kundenpreisen und Bestellprozessen verbindet, zeigt unser Artikel zum Magento 2 B2B Shop.

Ist 3D das Richtige für Ihr Produkt?

Das lässt sich meist in einem Gespräch klären: Welche Produkte, welche Varianten, welche Datenlage. Als Magento 2 Agentur aus Nürnberg beraten wir ehrlich – auch wenn das Ergebnis lautet, dass ein einfacherer Konfigurator für Sie besser funktioniert.

Grundlagen zu allen Konfigurator-Typen finden Sie in unserem Artikel Produktkonfigurator: Funktionsweise und Typen, alle Leistungen auf unserer Seite Produktkonfigurator erstellen lassen. Oder schreiben Sie uns direkt – Antwort innerhalb von 24 Stunden.