Die meisten Produktseiten haben kein Cockpit. Das 360° Racing Studio von Logitech G tut es und es läuft auf Unreal Engine.

Das 360°-Rennstudio-Erlebnis, das für die E-Commerce-Website der Marke für Gaming-Ausrüstung von The New Face entwickelt wurde, lädt Käufer ein, ein Full-Sim-Rennstudio zu betreten, sich umzusehen und ihren Build einzurichten.

Hier erfährst du, warum Logitech G einen Raum statt einer Seite wollte und wie das Team ihn zusammengestellt hat.
Mit freundlicher Genehmigung von Logitech G

Warum Logitech G einen Raum gebaut hat

Für Logitech G ist ein Renn-Rig mehr als nur eine Liste von Teilen. „Wenn jemand ein Sim-Racing-Setup aufbaut, kauft er nicht nur einzelne Produkte, sondern kuratiert ein Erlebnis“, sagt Raffaele Masi, Global Head of Digital Innovation & Product bei Logitech. Das Team wollte, dass der digitale Raum mit der gleichen Sorgfalt behandelt wird wie die Hardware.

Der Nutzen ist praktischer Natur. Wenn Käufer die Ausrüstung in einem realistischen räumlichen Kontext sehen, wird ihnen klar, wie groß sie ist und wie sie zusammenpasst. „Die Visualisierung der Ausrüstung in einem realistischen räumlichen Kontext gibt den Käufern vollständige Klarheit über Maßstab, Layout und Ergonomie“, fügt Masi hinzu.

„Wenn jemand ein Hardware-Stück von Logitech berührt, ist diese Verbindung sofort da“, sagt Masi. Diese physische Präsenz auf dem Bildschirm nachzubilden, ist seit langem eine Herausforderung im Kreativmodus, und das Studio ist der Weg von Logitech G, diese Kluft zu überbrücken.

Zusammenstellen in Unreal Engine

Um ihre Vision zu verwirklichen, wandte sich Logitech G an den in Paris ansässigen Unreal Service Partner The New Face. 
Auf der visuellen Seite verwendete das Team Lumen, das dynamische globale Beleuchtungssystem von UE5, um die indirekte Beleuchtung nebenbei zu aktualisieren, und die Nanite Virtualisierte Geometrie, um hochdetaillierte Meshes in Echtzeit zu rendern. „Lumen und Nanite gaben uns enorme Freiheit, Details und Beleuchtung zu optimieren, ohne ständig über traditionelle Einschränkungen nachzudenken“, sagt Array Bercov, CTO und Mitbegründer des Kreativstudios.
Die Bewegung stammt von Sequencer, dem eingebauten nichtlinearen Animationseditor der Unreal Engine, der die Kamera, die Bewegung und die Grafikeffekte steuert. „Es ist eine Freude, mit Sequencer zu arbeiten, und ich finde es toll, dass EPIC ihn ständig erweitert“, sagt Bercov. „Die Verwendung von Unreal fühlt sich oft genauso an wie die Arbeit mit einem choreografischen und filmischen Werkzeug wie mit einer Spielengine“, fügt er hinzu.

Steigerung der Effizienz

Unter der Haube werden Produkte als polymorphe Produkt-Actor behandelt, die eine gemeinsame Grundlage haben und gleichzeitig ihr eigenes Verhalten beibehalten. „Das bedeutete, dass sie alle dieselbe visuelle Sprache in Bezug auf Kamera, Bewegung und VFX sprechen konnten und wir hatten gleichzeitig die Möglichkeit, mit den Besonderheiten der einzelnen Produkte zu experimentieren“, sagt Bercov.

Die 3D-Laufzeit kommuniziert auch über Standardprotokolle mit dem Rest der Plattform, anstatt isoliert zu sein. Das Erlebnis funktioniert auch als E-Commerce-Plattform, mit einer Salesforce-Integration, die den Handel zu einem Teil des Erlebnisses und nicht zu einem separaten Schritt macht.
 

Der Browser als High-End-Desktop

Die Pixel-Streaming-Funktion von Unreal Engine führt die Anwendung remote aus und streamt die gerenderten Frames in den Browser, sodass jeder darauf zugreifen kann, ohne eine ausführbare Datei installieren oder über eine leistungsstarke Workstation verfügen zu müssen. „Durch Pixel-Streaming konnten wir das Browsererlebnis wie ein High-End-Desktop-Erlebnis behandeln, anstatt die Einschränkungen des Browsers selbst zu umgehen“, sagt Bercov.

Die Ladezeit war eine der größten Herausforderungen, weshalb das Team, wo immer möglich, asynchrones Laden verwendete, um den Übergang zum Erlebnis nahtlos zu gestalten. „Das Web weckt die Erwartung der Unmittelbarkeit“, erklärt Bercov.
Mit freundlicher Genehmigung von Logitech G

Was kommt als Nächstes

Logitech G nennt das 360° Racing Studio eine Entdeckungsreise – es ist eine Premiere für die Marke. Wohin es führt, entwickelt sich noch, und das Team wird es weiterhin mit Neugier, Sorgfalt und einem Fokus auf das Benutzererlebnis angehen.

The New Face ist genauso gespannt, wohin es geht. „Es gab unendlich viele Richtungen, in die wir hätten gehen können, und es ist aufregend, darüber nachzudenken, wohin wir von hier aus gehen können“, sagt Bercov.
Vorerst ist der Sitz offen. Betritt das Logitech G 360° Racing Studio.