La plupart des pages de produits ne disposent pas d'un poste de pilotage. C'est pourtant le cas du 360° Racing Studio de Logitech G qui fonctionne sur l'Unreal Engine.

Conçue pour le site web de commerce en ligne de la marque d'équipements de jeu par The New Face, l'expérience de studio de course immersive à 360° invite les acheteurs à entrer dans un studio de course entièrement simulé, à regarder autour d'eux et à personnaliser leur configuration.

Voici pourquoi Logitech G voulait en faire une salle entière plutôt qu'une page et comment l'équipe l'a créée.
Avec l'aimable autorisation de Logitech G

Pourquoi Logitech G a construit une salle

Pour Logitech G, un équipement de course est bien plus qu'une simple liste de pièces. "Lorsqu'une personne crée une configuration de simulation de course, elle n'achète pas simplement des produits individuels, elle organise une expérience", explique Raffaele Masi, responsable mondial de l'innovation numérique et des produits chez Logitech. L'équipe souhaitait que l'espace numérique ait l'air aussi soigné que le matériel.

Les avantages sont concrets. Le fait de voir l'équipement dans un contexte spatial réaliste montre aux clients quelle est sa taille et comment il s'harmonise. "La visualisation de l'équipement dans un contexte spatial réaliste donne aux acheteurs une clarté totale en ce qui concerne l'échelle, la disposition et l'ergonomie", ajoute Raffaele Masi.

"Lorsque quelqu'un touche un matériel Logitech, la connexion est instantanée", explique Raffaele Masi. Recréer cette présence physique à l'écran constitue depuis longtemps un défi créatif, et le studio est le moyen utilisé par Logitech G pour combler le fossé.

Assemblage dans l'Unreal Engine

Pour concrétiser sa vision, Logitech G s'est tournée vers The New Face, partenaire de service Unreal basé à Paris. 
Sur le plan visuel, l'équipe a utilisé Lumen, le système d'éclairage global dynamique de l'UE5, pour mettre à jour l'éclairage indirect à la volée, et la géométrie virtualisée Nanite pour créer des maillages très détaillés en temps réel. "Lumen et Nanite nous ont donné une grande liberté pour mettre l'accent sur les détails et l'éclairage sans constamment penser aux contraintes traditionnelles", explique Array Bercov, directeur technique et cofondateur du studio de création.
Le mouvement provient de Sequencer, l'éditeur d'animation non linéaire intégré à l'Unreal Engine, qui gère la caméra, les mouvements et les effets visuels. "C'est un plaisir de travailler avec Sequencer, et j'adore le fait qu'Epic y ajoute sans cesse", déclare Array Bercov. "Utiliser l'Unreal me fait plus penser à un outil chorégraphique et cinématique qu'un simple moteur de jeu", ajoute-t-il.

Renforcer l'efficacité

Sous le capot, les produits sont traités comme des acteurs de produits polymorphes, partageant une base commune tout en conservant leurs propres comportements. "Cela signifiait qu'ils pouvaient tous parler le même langage visuel de caméra, de mouvement et d'effets visuels, tout en nous laissant la possibilité d'expérimenter ce qui différenciait chaque produit", explique Array Bercov.

L'environnement d'exécution 3D communique également avec le reste de la plateforme via des protocoles standard au lieu de rester isolé. L'expérience fonctionne également comme une plateforme de commerce électronique, avec une intégration Salesforce qui intègre le commerce à l'expérience plutôt qu'à une étape distincte.
 

Traiter le navigateur comme un ordinateur de bureau haut de gamme

La fonction Pixel Streaming de l'Unreal Engine exécute l'application à distance et diffuse les images rendues vers le navigateur, ce qui signifie que tout le monde peut y accéder sans avoir à installer d'exécutable ou à disposer d'une station de travail puissante. "Le Pixel Streaming nous a permis de traiter l'expérience du navigateur comme une expérience de bureau haut de gamme plutôt que de concevoir en fonction des limites du navigateur lui-même", explique Array Bercov.

Le temps de chargement étant l'un des principaux défis, l'équipe a utilisé le chargement asynchrone dans la mesure du possible pour faciliter la transition vers l'expérience. "Le Web crée une attente d'instantanéité", explique Array Bercov.
Avec l'aimable autorisation de Logitech G

Quelle est la prochaine étape

Logitech G qualifie le 360° Racing Studio d'exploration. Il s'agit d'une première pour la marque. Sa position est en constante évolution et l'équipe continuera de l'aborder avec curiosité, attention et en mettant l'accent sur l'expérience utilisateur.

The New Face est tout aussi impatient de voir où il va. "Il y avait une infinité de directions que nous aurions pu prendre, et c'est passionnant de penser à ce que nous pouvons faire à partir de là", déclare Array Bercov.
Pour l'instant, le siège est ouvert. Entrez dans le 360° Racing Studio de Logitech G.