THE GOAL
Where do future brands live? Gen-Z already spend most of their their lives in digital worlds and are the customers of tomorrow. My passion for innovation led me to an intense XR Bootcamp, where I honed new skills in creating virtual experiences. This was a new personal project for Babor.
The Problem: Traditional technical demos often lack excitement and fail to effectively showcase skin's reactions.
The Solution: Imagine experiencing your skin at a microscopic level, discovering the real-time impacts of skincare products. This vision became Babor Skincape, a pioneering exploration into virtual beauty experiences.
THE CONCEPT
Introducing 'Babor VR SkinScape':
Embark on a immersive journey to explore your skin from a microscopic perspective. Customize your experience by selecting your skin type and interact with Babor ampoules using a virtual ball. Observe as they break, unveiling transformative liquids that alter your virtual skin, creating a personalized encounter.
THE PROCESS
The creative journey kicked off with brainstorming, translating ideas into styleframes to capture the overall vibe. Storyboarding came into play, helping sketch out the plan and visualize the narrative flow and interactions.
Following that, I structured the information architecture, outlining the various components essential for the immersive experience, including 3D elements and UI panels.
To test and iterate quickly, I utilized Shapes XR on the Meta Quest for rapid prototyping. I positioned UI elements within the virtual space and made necessary adjustments to typography, positioning, and proportions.
Rapid Prototyping in Shapes XR for Elevator UI
Educational Elevator: Begin your adventure in an educational elevator. Select your skin type as it ascends. Through translucent windows, witness different skin layers explained by informational UI panels.
SkinScape Game: As the elevator opens, enter your SkinScape. View your skin from a microscopic perspective. Hit ampoules with the ball to transform your skin into a healthier state.
Rapid Prototyping in Shapes XR for SkinScape UI
The journey continued with Blender, where I delved into crafting the ampoules. Simultaneously, UI elements took shape in Figma.
After testing and making adjustmnents, the learinings were incorporated into Unity Prototype which also allows to test interactions.
Starting with unity. To streamline the prototype starting to get all elements together, and bring them in the right position. Unity became the final destination for adjustments to proportions and the integration of interactivities. I encreased the hight of the shelf and ampoules and pack were further away, which led to an additional screen so that se user could see a close up of the breaking ampules and their effect on skin better. When I set up interactions and physics I found out that the curvy shape of the landscape wasn't optimal the rolling ball to hit the ampules. Therefore I decided to go with a plain skin. surface. Strategic placement of UI elements evolved during this process, shifting from the left to the right side to optimize the user's perspective and interaction.
