Showcasing experiences with an immersive website

Business challenge

With consumer purchasing channels becoming increasingly digital, the retail sector is facing a real challenge in terms of attracting customers back to the shop.

Analysis

Heroïne's method explores strategy and design aspects, through 5 pillars, analysing the weaknesses and opportunities of each of their missions. Theirs concepts are build on KPI to measure the quality of the experience provided.

Their international, high-end clientele seek this expertise in order to provide their customers with an ever more unique experience.

The concept

A temple showcasing Heroïne retail concepts.

‍

Their ROX© method, symbolised by architectural pillars, is activated during the visit to the site, and delivers the elements of understanding.

The use of 3D adds a dreamlike dimension throughout the experience, drawing visitors into the atmosphere right from the introduction. The addition of detailed elements such as the soundscape, typographic animations and cursor behaviour all serve to underline the uniqueness of the Heroin universe.

‍

Technical and collaborative challenges

For my first immersive and experiential digital design, the major challenge I faced was to navigate with technical constraints : reduce the gap between the design intentions and the final solution.

I facilitated an ideation workshop with Tobias, a german 3D designer, Lucas, an italian WebGL developer, and Amélie, a french Gsap developer & Webflow expert, in order to understand their constraints and share a clear vision of expectations in terms of interactions.

It was essential to produce a clear and transparent figma file in order to communicate design directions effectively.

‍

The website is live !

This design story took 4 month to come to life, from the concept design to the launch of the website.
‍

Since it was my first time designing a digital experience, the path took many twists and turns before coming to life.

Today, I would conceptualise the concept more quickly in high definition in order to validate or iterate the overall look and feel quickly, thereby reducing design back-and-forths during the technical stages.

‍

This experience was decisive to improve my skills :

- Sharing design concepts with C level & technical teams

- Crafting design intentions to reality

- Empaty while collaborating with technical experts.

‍

‍