Zum Hauptinhalt springen
Performance 3DARPDP

3D- und AR-Produktdarstellung auf Shopify: Mehr als nur Showcase

Native 3D-Viewer und WebAR sind auf Shopify produktionsreif. Wir zeigen, wann es sich wirklich lohnt, welche Performance-Implikationen es hat und in welchen Kategorien wir messbare Conversion-Effekte sehen.

NJ
Niclas Jost
Senior Shopify Developer
8 Min.
Editorial Illustration: schwebendes Low-Poly-Polyeder als Symbol für 3D- und AR-Produktdarstellung im Web.

Shopify unterstützt native 3D-Modelle (.glb) und WebAR (über Apple Quick Look + ARCore) seit Jahren. Trotzdem fragen wir uns in jedem zweiten Discovery-Call: “Lohnt sich 3D auf der PDP - oder ist das Eye-Candy?” Hier unsere ehrliche Antwort nach mehreren Live-Setups.

Was Shopify nativ kann (Stand 2026)

Shopify rendert .glb-Dateien automatisch im Produktbild-Slot, sobald Sie sie hochladen. Das nutzt unter der Haube den <model-viewer>-Web-Component, der von Google entwickelt wird und an iOS Quick Look (USDZ) für AR durchreicht.

Das heißt für Sie:

  • Drag & Drop in Shopify Admin reicht. Kein Theme-Code, kein Custom-App.
  • AR-Funktion ist mobil sofort verfügbar - User tippen auf “In meinem Raum sehen” und sehen das Produkt in ihrer Umgebung.
  • Web-Viewer ist responsiv und desktop-fähig. Maus-Drag, Pinch-to-Zoom, Auto-Rotate alles dabei.

Wo wir messbare Effekte sehen

Aus drei Plus-Projekten in unterschiedlichen Branchen:

BrancheSetupPDP-Conversion-EffektReturn Rate
Möbel3D + AR auf 30 Top-Produkten+8,4 % CVR−12 %
Schuhe/SneakerReines 3D, kein AR+1,9 % CVR−3 %
Tech-Hardware3D mit Annotations+5,1 % CVR−7 %

Die größten Hebel sehen wir in Kategorien, in denen Größe, Proportion und räumliche Wirkung kaufentscheidend sind - also Möbel, Lampen, Tech-Hardware, Sportgeräte, Pflanzen. In Mode oder Beauty: deutlich schwächer.

Wichtig: Die Rückgabequote sinkt häufiger als die Conversion-Rate steigt. Bei Möbeln war das in einem Projekt der größere wirtschaftliche Hebel als der CVR-Lift.

Wann sich 3D nicht lohnt

Klare Absage von uns, wenn:

  • Ihr Produkt-Sortiment >2.000 SKUs umfasst und nicht modular ist (Asset-Pflege wird unbezahlbar)
  • Sie keinen klaren Plan für Asset-Erstellung haben (3D-Models kosten 80–400 € pro Produkt)
  • Ihre Branche nicht räumlich-relevant ist (Bücher, Vitamine, Kosmetik)
  • Ihre PDPs noch grundlegende UX-Probleme haben (3D fixt nichts, was eine schlechte Galerie kaputt macht)

Performance: Was wir messen

<model-viewer> ist sauber gebaut, aber: 3D-Modelle sind groß. Eine durchschnittliche .glb-Datei wiegt 800 KB bis 5 MB. Wenn Sie sie eager laden, killen Sie Ihr LCP auf Mobile.

Unsere Hard-Rules:

  1. Lazy-Load via Intersection Observer. 3D-Block lädt erst, wenn er ins Viewport scrollt.
  2. <model-viewer>-JS-Bundle nur dynamisch laden - nicht im Theme-Bundle.
  3. .glb-Datei unter 2 MB halten (Draco-Kompression, Texturen als Basis-Color + 1024×1024 max.).
  4. Fallback auf statisches Bild, wenn prefers-reduced-motion oder schwache GPU.

Mit diesen Regeln bleibt LCP auf Mobile unter 1,8 s - auch mit 3D-Block auf der PDP.

WebAR vs. App-AR

Shopify nutzt WebAR über Quick Look (iOS) und Scene Viewer (Android). Das ist kein “echtes” AR mit Markerless-Tracking via ARKit, aber für 95 % der E-Commerce-Use-Cases ausreichend:

  • Kein App-Download nötig
  • Funktioniert in Safari und Chrome direkt
  • “In meinem Raum sehen” Klick-to-Position genügt für Möbel- und Produkt-Kontext

Wenn Sie echte ARKit-Anchoring-Anwendungen brauchen (z. B. virtuelles Makeup, dynamisches Try-On), gehen Sie out-of-Shopify in eine Custom-App oder zu Spezialanbietern wie ModiFace.

Asset-Workflow: Der unsichtbare Teil

Der größte Schmerz ist nicht der Viewer, sondern die Asset-Pipeline:

  1. 3D-Modell erstellen (Photogrammetrie oder Modellierung)
  2. In Blender/Substance optimieren (Polycount, Texturen)
  3. Als .glb exportieren (Draco-Komprimiert)
  4. Lighting + Environment-Map prüfen
  5. In Shopify hochladen, AR-Test in iOS Safari machen

Das ist 1–3 Tage Arbeit pro Produkt, bis es wirklich gut aussieht. Planen Sie das in Ihr Budget ein.

Unser Setup für Plus-Kunden mit 3D-Bedarf

  • Asset-Erstellung outsourcen an Spezialisten (DACH: 80–250 € pro Modell)
  • Native Shopify 3D-Block + AR-Button im Custom-Liquid-Theme
  • Tracking-Events: 3d_loaded, 3d_rotated, ar_started, ar_completed
  • A/B-Test auf 30–50 Produkten, bevor Roll-out

3D auf Shopify ist 2026 kein Risiko mehr, sondern eine konkrete CVR-Frage: Lohnt sich das Asset-Investment? Wenn Sie in einer räumlich-relevanten Kategorie verkaufen und einen Pilot machen wollen: Lassen Sie uns 30 Minuten sprechen - wir schätzen den Hebel für Ihren Shop konkret ein.

Weiterlesen

Loslegen

Bereit für ein ehrliches Gespräch?

Wir analysieren Ihren Shop, identifizieren Engpässe und zeigen Ihnen konkret, was eine Migration bringen würde — ohne Verkaufsdruck.

Shopify Plus Partner
Offizieller Partner seit 2019