Responses by Juliette Krief, interactive designer; Léo Mouraire, creative technologist; and Stanislas Nguyen, producer, Cosmic Shelter.

Background: “The Maison of All Victories showcases luxury goods company LVMH’s collaboration with the Paris 2024 Olympic and Paralympic Games, blending the art of savoir faire with athletic excellence,” says Stanislas Nguyen. “This platform highlights LVMH’s contributions from designing medal trunks and official outfits to supporting athletes. It targets a diverse audience reflecting the Games’s inclusivity, appealing to a broad audience, from sports supporters to craftsmanship enthusiasts. The site emphasizes shared values of precision, dedication and creativity, enhancing LVMH’s global presence during Paris 2024.”

Design core: “The site features eleven unique experiences,” explains Juliette Krief, “gathered in a grand virtual building inspired by the LVMH Maisons—the word refers to their brands—and Haussmannian Parisian architecture, where the Games took place this year.

“A standout element is the fusion of interactive 3-D elements with traditional content,” Krief continues. “For example, users can explore detailed 3-D models of the French delegation outfits created by luxury apparel brand Berluti, immersing themselves in the craftsmanship behind the clothes and discovering hidden details. This interactive approach lets users zoom, rotate and examine objects from all angles, deeply engaging them in the content.

“A minimalist interface complements the 3-D visuals while providing essential navigation tools,” she adds. “Consistent navigation across all experiences enhances comfort and confidence, while meticulous accessibility features—such as thoughtful contrast and typography—ensures that visitors with disabilities can navigate through the website.”

Challenges: “Without a doubt the tight four-month deadline to develop eleven unique experiences, including nine detailed 3-D scenes,” Nguyen says. “Delivering a cohesive and immersive site in this context required precise attention to detail. Coordinating a global and large team of designers, artists, developers and project managers added to the complexity, but we couldn’t have been prouder of the outcome without the contributions of every single person involved in the project!

“Technically, realistic 3-D rendering required the use of advanced optimization techniques to improve loading times and performance,” Nguyen concludes.

“Ensuring accessibility within the 3-D environment was another major hurdle,” says Léo Mouraire. “Driven by a commitment to inclusion and encouraged by LVMH, we prioritized accessibility from design through development. We achieved a 91.7 percent RGAA accessibility grade, proving that complex, visually rich projects can be inclusive.”

Navigation structure: “The navigation structure was designed for a coherent and intuitive experience inside the house, supporting easy exploration both vertically (across floors) and horizontally (across rooms), but also across all eleven experiences,” says Krief. “To enhance user engagement, we added a gamified feature that encourages exploration by rewarding users as they discover new content, making navigation more enjoyable.

“Adaptive header and footer bars facilitate smooth transitions and exits,” she continues. “Accessibility considerations were integral to the design, ensuring that the navigation is user friendly, consistent and effective for everyone as they explore the diverse sections of the website.”

Technology: “The site was built using Nuxt for the front end, Prismic CMS for content management, GSAP for animations and three.js as a WebGL engine, supplemented by Cosmic custom tools and framework,” says Mouraire. “As mentioned, one of the biggest challenges for this project was the very tight deadline. Along with continuous changes throughout the project due to the many parties involved, we anticipated this issue by creating various tools to edit the 3-D directly on the browser. Lights, camera animations, materials settings—many things were easy to tweak directly on the website to be as efficient as possible.”