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 du sie hochlädst. 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 dich:

  • 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:

  • Dein Produkt-Sortiment >2.000 SKUs umfasst und nicht modular ist (Asset-Pflege wird unbezahlbar)
  • Du keinen klaren Plan für Asset-Erstellung hast (3D-Models kosten 80–400 € pro Produkt)
  • Deine Branche nicht räumlich-relevant ist (Bücher, Vitamine, Kosmetik)
  • Deine 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 du sie eager lädst, killst du dein 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 du echte ARKit-Anchoring-Anwendungen brauchst (z. B. virtuelles Makeup, dynamisches Try-On), gehst du 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. Plane das in dein 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 du in einer räumlich-relevanten Kategorie verkaufst und ein Pilot machen willst: Lass uns 30 Minuten sprechen - wir schätzen den Hebel für deinen Shop konkret ein.

Loslegen

Bereit für ein ehrliches Gespräch?

Wir analysieren deinen Shop, identifizieren Engpässe und zeigen dir konkret, was eine Migration bringen würde - ohne Verkaufsdruck.

Shopify Plus Partner
Offizieller Partner seit 2019