H&M nailed its metaverse entry with one simple priority. UX
H&M and Dept have won the Best Metaverse UX at The Drum Awards for Metaverse. Learn from the award-winning case study.
H&M conquers metaverse with its first virtual showroom. Together with Journee and DEPT®, H&Mbeyond created a first-of-its-kind virtual space for meaningful exchanges with the B2B target group (press/media, influencers), events and concerts for B2C, as well as immersively showcasing its latest collection. H&Mbeyond is the innovation hub of the well-known Swedish fashion company H&M Group. Together with startups and innovators, its team drives forward future-oriented projects. After speaking at DEPT®’s 2021 Meta Festival, Head of H&Mbeyond, Oliver Lange, approached DEPT® to create the first-of-its-kind, Metaverse project for the H&M brand: the Virtual Showroom.
A central point for meaningful exchanges: In keeping with the current zeitgeist, H&Mbeyond approached DEPT® with the idea of expanding H&M’s physical showrooms with a digital showroom. Based on the former, it should reflect the brand’s identity and values, just virtually instead of physically. A space without opening hours, where a wide variety of target audiences such as influencers and stylists, customers, employees, and the press can meet and learn more about H&M and its collections. The Virtual Showroom was to serve as a central point for meaningful exchanges in an immersive environment. Targeted tours by the H&M showroom team were intended to inform the audience about current trends and topics such as sustainability and new, innovative materials.
The number of visitors, countries of origin, and the average time spent in the individual areas (which can be helpful for future brand activations) were defined as KPIs for this new showroom. KPIs including click rates of downloadable materials and qualitative feedback from showroom guests and media stakeholders are to follow soon.
Bringing collections to life: How can we experience clothing when we can’t touch it or wear it? What added value does a digital experience offer visitors and customers? Together with our partner Journee – The Metaverse Company™, we explored solutions to these questions to develop a virtual, custom-fit world for H&M. In the H&M Virtual Showroom, content on H&M’s innovation topics and sustainability efforts are presented, alongside ‘information zones’, designed especially for the press or users interested in a conversation.
The look of the showroom is based on the DNA of the H&M brand, with appropriately designed areas for the most important topics such as the ‘Sustainability Garden’ (where information on the innovative material ‘AirCarbon’ is shared), or the H&M Home influencers meeting area.
The ‘Campaign Room’, accessible through a portal, is where the new H&M Innovation Stories campaign ‘Cherish Waste’ is interpreted in a fascinating new way. Here, Creative Director Ann-Sofie Johansson and Concept Designer Ella Soccorsi give insights into the design process of the collection and the campaign, as well as the materials used in the clothing. The highlight of this room is the six main pieces of the collection which dominate the room as detailed, oversized 3D graphics. The flowing movement and vivid colors of the graphics really bring the pieces to life. Special Collections, in particular, lend themselves to the creation of such individual spaces, with a wide variety of brand activation options and providing unique, added-value for the visitors and the H&M showroom team.
From vision to (virtual) realization: We developed all of the components mentioned above together with Journee and in close cooperation with H&M. The vision of the showroom grew piece by piece; our strategists developed the concept, and the designers brainstormed, scribbled and designed creative mood boards based on the creative direction of the campaign and the H&M brand DNA. With the help of H&M’s user insights, we designed the user flows for the influencers, stylists, and journalists at an early stage, which provided the necessary guidance during the creative process. With the design ideas sharpened, we continued to optimize the concept and content until everything could be implemented (virtually) by Journee, using Unreal.
The first test tours in the Virtual Showroom, plus the positive feedback and ideas received from H&M stakeholders, helped us to round off the H&M Web3 experience. Paths were rerouted, trees moved, images swapped, and descriptions added.
An immersive user experience: The three avatar designs represent an important message: the need for more diversity and inclusion in fashion. With the avatars, users can move freely in the Virtual Showroom, so we paid special attention to user guidance, orientation and the order in the rooms. Even inexperienced users can navigate through the showroom with the help of various aids and explanations, helping them to discover everything in a playful way. Thanks to the separate rooms and different areas in the H&M Virtual Showroom, users can explore and experience the brand and the respective collections, or they can quickly find what they are looking for by simply teleporting to their desired destination.
Results: The number of visitors, countries of origin, and the average time spent in the individual areas (which can be helpful for future brand activations), were defined as KPIs for this new showroom. The media echo after launch was notable – media like W&V, FashionUnited, Internet World or Numéro covered it and showroom guests as well as media stakeholders e.g. from VOGUE gave positive feedback. In addition H&M received strong quantitative feedback by Gen Z, which are the main stakeholders for H&M to learn how they want to expose the brand in the virtual world and what offers seem to be relevant – 69% were interested in a H&M virtual brand experience, 80% were motivated to join H&M Hello Member by a H&M virtual brand experience and 85% enjoyed and rated the experience in a very positive way.
What’s next? By working in true collaboration throughout an iterative process, the requirements of H&Mbeyond’s innovation approach were optimally understood and implemented. In the future, the Virtual Showroom is expected to host events such as launches, meetings, and concerts for larger audiences, all in addition to the presentation of new collections. Based on that feedback from Gen Z H&M created "Celestial Spaces", which was the first concert in the H&M virtual universe with the artist BGYO and the first step in the shift from B2B to B2C for H&M.
Quotes: “H&M’s Virtual Showroom is designed as a space for brand activations such as fashion campaigns. These are brought to life in a whole new and exciting way, combining innovation, digitalization and sustainability. It makes me very proud to see how much energy, heart and soul our colleagues across countries and departments have put into this project. We are looking forward to exploring the potential in the countries of the Central Europe region and beyond.” Thorsten Mindermann, Regional Manager, H&M Central Europe. "Within only 12 weeks, we created a first-of-its-kind metaverse experience with the team from DEPT® and JOURNEE, which not only triggered positive feedback from the target group and a remarkable press echo. The project is also the impetus for further innovation projects within the H&M Group. I am looking forward to further collaboration with the team and am excited to see how we will shape Web3 together in the future." Oliver Lange, Head of H&Mbeyond.