La Casa de Toda Victoria

Respuestas de Juliette Krief, diseñadora interactiva; Léo Mouraire, tecnólogo creativo; y Stanislas Nguyen, productor de Cosmic Shelter.

Fondo: «La Maison of All Victories muestra la colaboración de la empresa de artículos de lujo LVMH con los Juegos Olímpicos y Paralímpicos de París 2024, combinando el arte del savoir faire con la excelencia atlética», afirma Stanislas Nguyen. “Esta plataforma destaca las contribuciones de LVMH, desde el diseño de porta medallas y ropa oficial hasta el apoyo a los atletas. Su objetivo es un público diverso que refleje el carácter inclusivo de los Juegos y atraiga a un público amplio, desde aficionados a los deportes hasta entusiastas de la artesanía. El sitio destaca los valores compartidos de precisión, dedicación y creatividad, y fortalece la presencia global de LVMH durante París 2024”.

El corazón del diseño: «El sitio contiene once experiencias únicas», explica Juliette Krief, «reunidas en un gran edificio virtual inspirado en las Maisons LVMH (la palabra se refiere a sus marcas) y la arquitectura haussmanniana parisina, donde se celebraron los Juegos este año.

«Un elemento que destaca es la fusión de elementos interactivos en 3D con contenido tradicional», continúa Krief. “Por ejemplo, los usuarios pueden explorar modelos tridimensionales detallados de la ropa de la delegación francesa creada por la marca de ropa de lujo Berluti, sumergiéndose en la artesanía detrás de la ropa y descubriendo detalles ocultos. Este enfoque interactivo permite a los usuarios hacer zoom, rotar y examinar objetos desde todos los ángulos, involucrándolos profundamente en el contenido.

«Una interfaz minimalista complementa las imágenes tridimensionales al tiempo que proporciona herramientas de navegación esenciales», añade. «La navegación consistente en todas las experiencias mejora la comodidad y la confianza, mientras que las características de accesibilidad meticulosas, como el contraste y la tipografía bien pensados, garantizan que los visitantes con discapacidades puedan navegar por el sitio web».

Desafíos: «Sin duda el ajustado plazo de cuatro meses para desarrollar once experiencias únicas, incluidas nueve detalladas escenas en 3D», afirma Nguyen. “Ofrecer un sitio cohesivo e inmersivo en este contexto requirió una atención precisa al detalle. Coordinar un gran equipo global de diseñadores, artistas, desarrolladores y gerentes de proyectos agregó complejidad, ¡pero no podríamos estar orgullosos del resultado sin las contribuciones de cada persona involucrada en el proyecto!

«Técnicamente, la representación tridimensional realista requirió el uso de técnicas de optimización avanzadas para mejorar los tiempos de carga y el rendimiento», concluye Nguyen.

«Garantizar la accesibilidad en el entorno 3D fue otro gran obstáculo», afirma Léo Mouraire. “Impulsados ​​por un compromiso con la inclusión y animados por LVMH, priorizamos la accesibilidad desde el diseño hasta el desarrollo. Logramos una calificación de accesibilidad RGAA del 91,7 por ciento, lo que demuestra que los proyectos complejos y visualmente ricos pueden ser inclusivos».

Estructura de navegación: «La estructura de navegación fue diseñada para una experiencia coherente e intuitiva dentro de la casa, permitiendo una fácil exploración tanto vertical (con los pisos) como horizontal (con las habitaciones), pero también en las once experiencias», dice Krief. “Para mejorar la participación de los usuarios, agregamos una función gamificada que fomenta la exploración recompensando a los usuarios a medida que descubren contenido nuevo, lo que hace que la navegación sea más agradable.

«Las barras adaptables de encabezado y pie de página facilitan transiciones y salidas fluidas», continúa. «Las consideraciones de accesibilidad fueron parte integral del diseño, asegurando que la navegación sea fácil de usar, consistente y efectiva para todos mientras exploran las distintas secciones del sitio web».

Tecnología: «El sitio se creó utilizando Nuxt para el front-end, Prismic CMS para la gestión de contenido, GSAP para animaciones y three.js como motor WebGL, complementado con herramientas y marco personalizados de Cosmic», dice Mouraire. «Como se mencionó, uno de los mayores desafíos para este proyecto fue el plazo muy ajustado. Junto con los cambios continuos a lo largo del proyecto debido a las muchas partes involucradas, anticipamos este problema creando varias herramientas para editar 3-D directamente en el navegador. Luces, animaciones de cámara, configuraciones de materiales: muchas cosas fueron fáciles de ajustar directamente en el sitio web para ser lo más eficientes posible”.

Buscar Proyectos

Haga clic en una imagen para ver más de cada proyecto.