3D-Modell für den Onlineshop: so kommen Shops an 3D

Ein 3D-Modell für den Onlineshop ist eine Datei, meist GLB oder USDZ, mit der Käufer ein Produkt am Bildschirm drehen und es am Handy per AR in ihren Raum stellen können. Shops kommen auf vier Wegen an solche Modelle: über einen 3D-Artist, über die CAD-Daten des Herstellers, durch Scannen des Produkts oder mit KI aus einem einzigen Foto.

Was bringt ein 3D-Modell auf der Produktseite?

Ein Foto zeigt die Ansicht, die du gewählt hast. Bei einem 3D-Modell wählt der Käufer: die Rückseite eines Bücherregals, die Unterseite eines Couchtischs, die Form des Polsters eines Loungesessels.

Auf iPhone und iPad öffnet sich eine USDZ-Datei in AR Quick Look und stellt das Objekt über die Kamera in den Raum. Auf Android macht Googles Scene Viewer dasselbe mit einer GLB-Datei.

AR zeigt, wie ein Stück im Raum wirkt. Ein aus einem Foto erzeugtes Modell liefert keine verlässlichen Abmessungen. Die am echten Produkt gemessenen Maße gehören deshalb in deinen Produkttext.

Wie misst du, ob sich 3D lohnt?

Leg fest, was 3D ändern soll, bevor du für ein Modell bezahlst. Für Möbelshops sind etwa Fragen zu Rückseite und Form sowie die Nutzung des Viewers interessant. Ob sich die Warenkorbrate verändert, musst du an deinem eigenen Katalog prüfen.

Wir veröffentlichen keine Zahlen zu Konversion oder Retouren durch 3D, weil wir keine gemessen haben, für die wir geradestehen können. Behandle jede Zahl, die du liest, als Behauptung, die du an deinem eigenen Katalog testest, etwa mit dieser Methode.

Wähl fünf bis zehn Produkte, die ein Modell bekommen, und eine passende Gruppe ähnlicher Produkte ohne Modell. Lass Preise, Fotos und Texte bei beiden vier bis sechs Wochen unverändert. Vergleich dann die Warenkorbrate pro Produktaufruf zwischen den beiden Gruppen und lies die Retourengründe.

Auf deiner eigenen Website löst model-viewer Ereignisse aus, die du an deine Webanalyse schicken kannst. Ein camera-change-Ereignis mit der Quelle user-interaction heißt, dass der Käufer das Modell gedreht hat. ar-status meldet, ob eine AR-Sitzung startet oder scheitert, und quick-look-button-tapped feuert, wenn ein iPhone an Quick Look übergibt.

Welche Dateien braucht ein Shop für 3D?

GLB fürs Web und für Android, USDZ für AR auf Apple-Geräten. Die meisten Plattformen mit 3D-Unterstützung nehmen eines von beiden oder beide.

3D-Modelle in Shopify

Shopify nimmt 3D-Modelle als Produktmedien an, als GLB oder USDZ, bis 500 MB, an derselben Stelle, an der du Fotos hinzufügst. Bei Dateien über 15 MB werden Geometrie und Texturen beim Upload optimiert. Shopify wandelt jedes Modell so um, dass es eine GLB- und eine USDZ-Version gibt.

WooCommerce und eigene Websites

WooCommerce-Shops ergänzen 3D über Erweiterungen, etwa den Arty 3D Viewer im WooCommerce-Marktplatz. Auf einer selbst gebauten Website zeigt Googles quelloffene Komponente model-viewer eine GLB-Datei an, und ar-modes="webxr scene-viewer quick-look" gibt jedem Handy seinen eigenen AR-Viewer.

Wie groß darf ein Produktmodell sein?

Shopify nimmt auch große Dateien an. Auf dem Handy des Käufers können sie jedoch langsam laden. Scene Viewer veröffentlicht die klarsten Vorgaben, die wir kennen, daran messen wir unsere eigenen Dateien.

Scene Viewer listet außerdem die glTF-Erweiterungen auf, die es unterstützt. Eine Datei, die auf eine Erweiterung außerhalb dieser Liste angewiesen ist, etwa WebP-Texturen, öffnet sich womöglich nicht. Eine GLB für Android-AR ist mit PNG- oder JPEG-Texturen am sichersten. Öffne sie auf einem echten Android-Handy, bevor du sie auf einer Produktseite verlinkst.

Wie entstehen 3D-Produktmodelle?

Es gibt vier Wege. Wir bewerten sie nach vier Kriterien: ob du das Produkt vor Ort brauchst, wie viel eigene Zeit es kostet, wie genau die verdeckten Seiten wiedergegeben werden und woran es scheitert.

Einen 3D-Artist beauftragen

Ein Artist baut das Modell aus deinen Fotos, Zeichnungen und Maßen. Das Produkt muss nicht vor Ort sein, Briefing und Wartezeit kosten aber am meisten Zeit. Dafür lassen sich auch Details gezielt ausarbeiten, die auf einem einzelnen Foto fehlen. Angebote auf Fiverr oder Upwork hängen von der Komplexität des Stücks ab.

Fazit: der richtige Weg, wenn das Modell exakt sein muss, etwa bei einem Sofa in drei Breiten, oder für ein Hauptprodukt einer Kampagne.

Die CAD-Daten des Herstellers nutzen

Wenn du eigene Entwürfe verkaufst, hat die Fertigung vielleicht schon CAD- oder SketchUp-Dateien. Die Form ist exakt, webtauglich sind sie aber selten: Meist brauchen sie echte Texturen und deutlich weniger Dreiecke, bevor sie auf dem Handy gut laden.

Fazit: Frag zuerst danach, wenn dir die Entwürfe gehören. Plan die Nacharbeit ein, denn eine Fabrikdatei kann weit mehr Details enthalten als die 100.000 Dreiecke von Scene Viewer.

Das Produkt scannen

Photogrammetrie-Apps wie Polycam und RealityScan bauen ein Modell aus vielen überlappenden Fotos. RealityScan beginnt nach 20 Bildern mit der Verarbeitung und nimmt bis zu 300. Du brauchst das Stück vor Ort und Platz, um ganz darum herumzugehen.

Fazit: gut geeignet für Stücke mit Struktur, die in deinem Lager stehen, etwa ein Rattanstuhl oder ein Sideboard aus Eiche. An Glas, Spiegeln und poliertem Metall scheitert er.

Mit KI aus einem Foto erzeugen

Bild-zu-3D-Werkzeuge wie Meshy, Tripo und easyrender starten mit einem einzigen Bild. Das ist der einzige Weg, wenn du ein Lieferantenfoto hast und nicht an das Stück herankommst. Das Foto zeigt nur eine Seite, deshalb prüfst du die Rückseite in der Vorschau, bevor du das Modell behältst.

Fazit: der Weg für einen Katalog aus Lieferantenfotos. Feine Logos, offenes Geflecht und eine Seite, die das Foto nie gezeigt hat, lassen sich aus einem Bild schwerer ablesen. Jeden Weg mit seinen Voraussetzungen und Schwächen beschreibt 3D-Modell erstellen.

Ob du jemanden beauftragst oder mit einem Foto startest, vergleicht 3D-Modellierer oder KI. Zwei der Werkzeuge stellen Meshy und Tripo genauer vor.

3D-Modelle für Möbelshops: Wo fängst du an?

Leg fest, mit welchen Produkten du anfangen willst, bevor du Modelle erstellst. Bewerte jedes nach vier Fragen: Zählen Rückseite oder Tiefe? Ist der Preis so hoch, dass Käufer zögern? Fragen Leute nach mehr Ansichten? Nennen Retouren die Optik als Grund?

Fang mit den fünf an, die am besten abschneiden. Meist sind das ein Sessel, ein Sideboard oder eine Stehlampe mit geformtem Schirm. Flache Artikel wie ein gerahmter Druck oder ein Teppich gewinnen durch 3D wenig.

Teste die Wege, bevor du dich festlegst. Schick ein Produkt durch zwei davon, etwa einen Handyscan und ein Bild-zu-3D-Modell derselben Tischlampe, und vergleich beide auf dem Handy. Das sagt mehr als jede Funktionsliste.

Bei einem großen Katalog schaust du auf Sammel-Uploads und den Preis pro Modell. Bei easyrender legst du eine Reihe Katalogfotos in deiner Bibliothek ab, prüfst für jedes eine kostenlose Vorschau und lässt nur die Modelle bauen, die stimmen.

Wie bringst du 3D Schritt für Schritt in den Shop?

So würden wir bei einer ersten Runde vorgehen:

1. Wähl fünf Produkte anhand der vier Fragen oben.
2. Erstell jedes Modell auf dem Weg, der zu ihm passt.
3. Prüf jedes Modell: Zahl der Beine und Türen, die Rückseite, die Textur im Vollbild.
4. Passe jede Datei an die technischen Vorgaben an: Texturen mit höchstens 2048 Pixeln, Geometrie komprimiert, wenn dein Viewer das unterstützt.
5. Lade sie mit den Werkzeugen der Plattform hoch, etwa über die Produktmedien in Shopify.
6. Öffne jede Seite über mobile Daten auf einem iPhone und einem Android-Handy und probier auf beiden AR aus.
7. Miss vier bis sechs Wochen lang wie oben beschrieben und entscheide dann über die nächste Runde.

Ein Beispiel: ein Sideboard aus Nussbaum

Angenommen, ein Shop hat drei Lieferantenfotos eines Nussbaum-Sideboards: von vorn, schräg von vorn und eine Nahaufnahme der Messinggriffe. Für Bild-zu-3D nimmst du die Drei-Viertel-Aufnahme, weil sie Tiefe und eine Seitenwange zeigt.

Türen, Beine und Holzmaserung lassen sich häufig gut wiedergeben. Prüf die Messinggriffe an der Nahaufnahme, denn kleine Beschläge verlieren bei jedem Verfahren zuerst an Detail. Und schau dir die Rückseite genau an, die das Werkzeug nie gesehen hat.

Lade die GLB-Datei dann mit den Werkzeugen deiner Plattform hoch und öffne die Seite vor dem Veröffentlichen auf einem iPhone und einem Android-Handy. Bei Shopify entsteht die USDZ-Datei fürs iPhone automatisch aus demselben Upload.

Was geht schief, wenn ein Shop 3D einführt?

Die meisten Probleme zeigen sich erst auf einem echten Handy, deshalb gibt es Schritt 6. Auf diese solltest du achten, jeweils mit Lösung.

Wo liegen die Grenzen von 3D im Onlineshop?

Ein aus einem Foto erzeugtes Modell zeigt Form und Materialien. Verlässliche Abmessungen liefert es nicht. Die am Produkt gemessenen Maße gehören in den Produkttext.

Durchsichtige und spiegelnde Produkte wie eine Glasvase oder eine Chromlampe sind für jedes Verfahren schwierig. Kleine Schrift und kleine Logos werden oft unscharf.

3D ersetzt keine Fotos. Plattformen zeigen in Suchergebnissen, Anzeigen und Kategorierastern weiter Standbilder, deshalb gelten die Grundlagen aus Produktfotografie für den Onlineshop weiterhin.