La mayoría de las páginas de productos no presentan un puesto de conducción. 360° Racing Studio de Logitech G sí, y se ejecuta en Unreal Engine.

Se trata de una experiencia creada por The New Face para el sitio web de comercio electrónico de la marca de equipos para videojuegos. Su entorno de estudio de carreras inmersivo y envolvente invita al comprador a entrar en un estudio de carreras de simulación plena, explorarlo y crear su propia configuración.

A continuación, te explicamos por qué Logitech G quería una sala en lugar de una página y cómo la ha montado el equipo.
Cortesía de Logitech G

Por qué Logitech G ha construido una sala

Para Logitech G, un rig de carreras es más que una lista de piezas. «Cuando alguien crea una configuración de simulación de carreras, no se está limitando a adquirir productos individuales, sino que también está seleccionando con esmero una experiencia», afirma Raffaele Masi, director global de Innovación Digital y Producto de Logitech. El equipo quería que el espacio digital estuviese igual de cuidado que el hardware.

La recompensa se traduce en la práctica. Ver los equipos en un contexto espacial realista muestra a los compradores su tamaño y cómo encajan los componentes entre sí. «La posibilidad de ver los equipos en un contexto espacial realista aporta a los compradores claridad total con respecto a la escala, la disposición y la ergonomía», propone Masi.

«Cuando alguien toca un componente de hardware de Logitech, la conexión es instantánea», añade. Durante mucho tiempo, recrear esa presencia física en la pantalla era un desafío creativo. Con este estudio, Logitech G cierra esta brecha.

Montaje en Unreal Engine

Para hacer realidad su visión, Logitech G recurrió a The New Face, socio de servicios de Unreal con sede en París. 
Para los aspectos visuales, el equipo utilizó Lumen, el sistema de iluminación global dinámica de UE5 a fin de actualizar la iluminación indirecta sobre la marcha, así como la geometría virtualizada de Nanite para renderizar mallas altamente detalladas en tiempo real. «Lumen y Nanite nos han aportado una enorme libertad para mejorar los detalles y la iluminación sin tener que pensar constantemente en las restricciones tradicionales», explica Array Bercov, director de tecnología y cofundador del estudio creativo.
El movimiento proviene de Sequencer, el editor de animación no lineal integrado en Unreal Engine, que dirige la cámara, el movimiento y los efectos visuales. «Es un placer trabajar con Sequencer y me encanta que Epic lo esté mejorando continuamente», confiesa Bercov. «Usar Unreal suele parecerse tanto a trabajar con una herramienta coreográfica y cinemática como cuando usas un motor del juego», agrega.

Aprovechamiento de la eficiencia

En el fondo, los productos se tratan como actores polimórficos, que comparten una base común y, al mismo tiempo, conservan sus propios comportamientos. «Eso significa que todos hablan el mismo lenguaje visual de cámara, movimiento y efectos visuales, a la vez que nos dejan margen para experimentar con las diferencias entre los distintos productos», declara Bercov.

El tiempo de ejecución de 3D también se comunica con el resto de la plataforma a través de protocolos estándar, en lugar de permanecer aislado. La experiencia también funciona como una plataforma de comercio electrónico, mediante una integración con Salesforce que integra el comercio en la experiencia, en lugar de que sea un paso independiente.
 

Tratar el navegador como un escritorio de gama alta

La función de Pixel Streaming de Unreal Engine ejecuta la aplicación de manera remota y transmite los fotogramas renderizados al navegador. Esto permite que cualquiera pueda acceder a ella sin necesidad de instalar un archivo ejecutable ni de contar con un área de trabajo de alta potencia. «Pixel Streaming nos permitió tratar la experiencia del navegador como una experiencia de escritorio de alta gama, en lugar de tener que diseñarla teniendo en cuenta las limitaciones del propio navegador», confirma Bercov.

El tiempo de carga era uno de los principales desafíos, por lo que el equipo utilizó la carga asincrónica cuando fue posible para lograr una transición fluida a la experiencia. «La web crea una expectativa de inmediatez», asegura Bercov.
Cortesía de Logitech G

Pasos siguientes

Logitech G define 360° Racing Studio como una exploración; es la primera vez para la marca. La dirección en la que avanza sigue evolucionando y el equipo va a continuar abordándola con curiosidad y atención, y centrándose en la experiencia del usuario.

En The New Face están igual de entusiasmados por ver a dónde va. «Podríamos haber tomado un sinfín de caminos y es apasionante plantearse hacia dónde podemos seguir avanzando a partir de ahora», plantea Bercov.
Por ahora, el puesto está abierto. Entra en 360° Racing Studio de Logitech G.