3D-Produktshows · Shopify
Produkte, die sich beim Scrollen selbst erklären.
Für Remodius haben wir die CAD-Daten des Herstellers in schlanke 3D-Modelle umgewandelt, mit Three.js eingepflegt und als 3D-Shows in die Produktseiten des Shopify-Shops eingebaut – in acht Sprachen, auf Desktop und Handy.
16
3D-Shows
26
Produktseiten
8
Sprachen
Die Aufgabe
Remodius verkauft Reiseadapter, Powerbanks, Monitore und Laptop-Ständer über Shopify. Auf den Produktseiten erklärten bisher statische Bildblöcke, was die Produkte können – wie ein Stecker herausgleitet oder ein Kabel im Gerät steckt, ließ sich so kaum zeigen.
Unser Ansatz
Aus den STEP-Daten des Herstellers haben wir schlanke GLB-Modelle gebaut und mit Three.js eingepflegt. Jede Show ist eine Folge von Momenten: Beim Scrollen dreht sich das Produkt, öffnet sich, steckt sich ein und erklärt sich Schritt für Schritt, der Kaufen-Knopf bleibt immer in Reichweite. Produkte ohne CAD-Daten sind nach Handbuch und Datenblatt in Code entstanden, die Farben auf den Produktfotos gemessen.
Leistungen
- CAD-Daten zu 3D-Modellen (STEP → GLB)
- 3D-Shows mit Three.js
- Scroll-Animation mit 10 bis 19 Schritten
- Einbau als Shopify-Section
- Übersetzung in acht Sprachen
- Prüfung auf Desktop und Handy
Technik
Zum Ausprobieren
Vom CAD-Plan zum Shop – an den echten Modellen.
Scrollen Sie weiter: Aus den Konstruktionslinien wird ein schlankes GLB-Modell und daraus das fertige Produkt mit Three.js. Drehen, zerlegen und wechseln Sie die Produkte.
3D-Modell lädt …
Travel Adapter
CAD-Daten vom Hersteller
STEP-Konstruktion, nicht fürs Web gemacht
Einblicke ins Projekt
Was wir gebaut haben.
3D-Modell lädt …
Travel Adapter
5 Stecker, 220+ Länder und Regionen
01Travel Adapter
Für jede Region ein Stecker.
Aus den CAD-Daten des Herstellers: Gehäuse, Platine, Schieber und Stecker sind eigene Bauteile. Im Shop gleiten die Schieber wirklich heraus, die Stifte drehen sich in die australische Stellung.
02PowerPack PRO
Und dann kommt noch ein Kabel heraus.
Display, Gehäuse, Platine und das eingebaute Kabel als eigene Teile. Im Shop öffnet sich die Schlaufe, 70 cm Kabel ziehen sich heraus, das Display zählt mit.
03Travel Power Strip
Sechs Geräte an einer Steckdose.
Drei Steckdosen und drei USB-Anschlüsse, das 1,6 m lange Kabel wickelt sich im Gehäuse auf – Bauteil für Bauteil aus den CAD-Daten.
04Power Dock
Eine Steckdose auf jeder Seite.
Vier Steckdosen, vier USB-Anschlüsse und 2 m Kabel in einem kompakten Würfel. Ziehen Sie ihn herum – jede Seite hat ihren Anschluss.
Ergebnis
Nicht nur Bilder, sondern Produkte zum Erleben.
Seit dem 9. November 2026 laufen 16 3D-Shows auf 26 Produktseiten von remodius.com, mit 10 bis 19 Schritten je Show, in acht Sprachen auf Desktop und Handy.
remodius.com/16
3D-Shows
26
Produktseiten
8
Sprachen
Weitere Projekte
Bereit, den nächsten Ablauf zu digitalisieren?
Buchen Sie ein kostenloses Erstgespräch. Gemeinsam finden wir heraus, was sich bei Ihnen lohnt – Website, Konfigurator, KI-Lösung oder Schulung.
Antwort in der Regel innerhalb weniger Stunden