Wie wir den offiziellen Schweizer O.Z Onlineshop auf Adobe Commerce ins Leben gerufen haben — mit einem individuell entwickelten 3D-Felgenkonfigurator, 360°-Produktansichten und der nahtlosen Integration vielfältiger externer Datenquellen.
O.Z Racing steht für Motorsport-Leidenschaft, präzise Ingenieurskunst und Design, das Emotionen weckt. Der Schweizer Onlineshop musste genau das widerspiegeln — mit einem Konfigurator, der Felgen auf dem eigenen Fahrzeug erlebbar macht, und einer Plattform, die komplexe Datenwelten zur einfachen Nutzererfahrung zusammenführt.
Kunden wollen sehen, wie eine Felge an ihrem Auto aussieht — bevor sie kaufen. Ein generischer Produktkatalog reicht dafür nicht. Gebraucht wurde ein interaktiver Konfigurator, der O.Z-Felgen auf gerenderten 3D-Ansichten des gewählten Fahrzeugs darstellt — intuitiv, schnell, emotional.
Der Shop musste Daten aus mehreren externen Quellen verarbeiten: 360°-Produktansichten über eine Schnittstelle zur O.Z-Markenseite (WordPress), länderübergreifende Lagerdaten nach individuellen Auswertungsregeln und eigene Produktdatensätze — alles nahtlos in einer Plattform vereint.
Ein Konfigurator, der für jede Fahrzeug-Felgen-Kombination dynamisch Rendering, Kompatibilitätsdaten und Verfügbarkeit aus verschiedenen Quellen zusammenführt — das stellt höchste Anforderungen an Architektur und Ladegeschwindigkeit.
Die Plattform musste nicht nur technisch funktionieren — sie musste Emotionen wecken. Design, Animationen, Sprache und UX sollten die Motorsport-DNA von O.Z Racing in jeder Interaktion spürbar machen.
Individuell entwickelter Felgenkonfigurator: Kunden wählen ihr Fahrzeug, die Felge erscheint als 3D-Rendering direkt am eigenen Auto. Entwickelt mit VueJS-Komponenten, angebunden an externe Datenlieferanten für Fahrzeugmodelle und Kompatibilitätsdaten — reibungslose Interaktion bei maximaler Datentiefe.
360°-Produktansichten via Schnittstelle zur O.Z WordPress-Markenseite, länderübergreifende Lagerdaten mit individuellen Auswertungsregeln, eigene Produktdatensätze — alles fliessend in einer Plattform zusammengeführt. Kein Datenchaos, keine Inkonsistenzen, kein manueller Abgleich.
Der fertige Shop ist nicht nur technisch einwandfrei — er ist eines der fortschrittlichsten Angebote in seinem Bereich. Schnelle Suchfunktion, emotionales Design, vollständige Mobiloptimierung und ein Konfigurator, den Kunden lieben: das Feedback spricht für sich.
„Unser neuer Onlineshop war ein Mammutprojekt und gehört nun zu den fortschrittlichsten in seinem Bereich. Viele unserer Kunden loben die schnelle Suchfunktion und sind vom Felgenkonfigurator begeistert. Dieses Lob möchten wir gern an das Team von DevQon weitergeben!"
P. Baumgartner
ozracing.ch · Offizieller CH-Shop
Tiefe Analyse aller Datenquellen: O.Z WordPress API, externe Fahrzeug- und Kompatibilitätsdatenbanken, länderübergreifende Lagersysteme. Definition der Integrationsarchitektur und der VueJS-Konfigurator-Logik vor der ersten Zeile Code.
Parallele Entwicklung des 3D-Konfigurators mit VueJS und der Backend-Schnittstellen. Aufbau der Multi-Source-Datenpipeline mit individuellen Auswertungsregeln für Lager- und Kompatibilitätsdaten. Laufendes Performance-Testing.
Launch des offiziellen Schweizer O.Z Onlineshops mit vollständiger Abnahme aller Konfigurator-Szenarien und Datenflüsse. DevQon betreibt und entwickelt den Shop als langfristiger technischer Partner weiter.
Ein 3D-Konfigurator gehört zu den technisch anspruchsvollsten E-Commerce-Projekten. Er erfordert performante VueJS-Komponenten, eine saubere Datenarchitektur für Fahrzeug-Felgen-Kompatibilität, optimiertes Asset-Loading für 3D-Renders und eine API-Strategie für externe Datenquellen. DevQon hat dafür eine eigene modulare Architektur entwickelt, die sich auf weitere Projekte übertragen lässt.
Wir entwickeln eine zentrale Daten-Aggregationsschicht, die alle externen APIs und Datenfeeds normalisiert und nach individuellen Regeln verarbeitet. Bei OZ Racing bedeutete das: 360°-Medien via WordPress REST API, Lagerdaten aus mehreren Ländern mit eigener Logik und Fahrzeugkompatibilitätsdaten von einem externen Anbieter — alles in einem konsistenten Datenmodell in Magento.
Ja — das Konfigurator-Prinzip lässt sich auf viele Produktkategorien übertragen: Möbel, Bodenbeläge, Fahrzeugzubehör, Customizing-Produkte und mehr. Entscheidend ist immer eine saubere Datenarchitektur für die Variantenlogik. DevQon hat die nötige Erfahrung aus Projekten wie OZ Racing, Radkasten.ch und weiteren Konfigurator-Implementierungen.
Der Konfigurator berechnet den Preis für jede Konfigurationskombination direkt im Browser — basierend auf Preisregeln, die im Magento-Backend gepflegt werden. Über eine API-Schnittstelle werden Felgenpreis, Grösse, Farbe und Montageoption kombiniert und der Endpreis in Echtzeit angezeigt. DevQon sorgt dafür, dass diese Berechnungslogik auch bei Preisänderungen ohne Entwicklungsaufwand anpassbar bleibt.
Ja — DevQon entwickelt den Konfigurator responsiv, sodass er auf allen Gerätekategorien korrekt funktioniert. Auf mobilen Endgeräten wird die Darstellung für Touch-Gesten optimiert: Drehen, Zoomen und Variantenauswahl funktionieren intuitiv. Performance-Tests auf verschiedenen Geräten gehören standardmässig zum Entwicklungsprozess.