Retail & Lifestyle

Designing INDYX Mobile App to Spatial UX , Apple Vision Pro

Project main image
Background

INDYX is a digital wardrobe mobile application with a mission to unlock the potential of what you already own. More than just a virtual closet, INDYX aims to make mindful dressing fun again , helping people reconnect with their wardrobe and rediscover the pieces they already love. To support this goal, the Mixed Reality (MR) wardrobe experience is designed with the goal to make user feel close and fall in love with their wardrobe again. Connected to the mobile app, this MR experience allows users to upload their real-life wardrobe into a digital library, and explore outfit combinations effortlessly in an immersive environment.

Sharing my design process in designing this immersive experience , like all meaningful design journeys — with listening to real people, exploring their relationships with clothing, and translating those emotional insights into design principles.

Below i'm taking you through:

  • XR Design thinking and research process
  • Key features and interaction models in MR
  • UI UX Design & Protoyping of the Eperience
XR Design thinking and research process

Based on conversations and observations, we identified a few common patterns in how people relate to their wardrobes — patterns that often lead to frustration and overconsumption. Coming from an e-commerce background, I've seen firsthand how much effort goes into encouraging people to buy more — but what happens after they buy often remains unaddressed. Designing INDYX's Mixed Reality experience started with a simple but important question:"How might we help people fall in love and feel confident with what they already own?

A while ago, I took a Masterclass on XR Design by Cornel Hillmann, where he introduced the idea of finding an "Experience Sweet Spot" when designing for XR. In his class, he emphasized that great XR experiences emerge when we can align and balance three essential elements:


Human Needs
– What real frustrations, desires, or motivations are we addressing?


Product Potential
– What value can this product offer beyond existing tools or apps?


Interaction Possibilities
– What interactions feel natural and magical in XR?


I applied this framework throughout my design process. While there are 6 things we can use from this diagram , the one that i find super useful for this project are the three in the image and here is how they translate into a sketch My goal was to find that sweet spot where technology, human emotion, and interaction design meet — creating an experience that feels natural, empowering, and beautiful to use.

1. Extend to Next Dimension

Sketch Translation:

  • The wardrobe items from the mobile app are imagined as floating 3D pieces users can mix & match in their room.
  • UI Designed to switch easily between Tops, Bottoms, Accessories easily.
  • Gesture interaction for mixing pieces without wearing them.


2. Given the Nails, Find the Hammer

Sketch Translation:

  • Floating panels with filtering chips for categories, showing wardrobe navigation.
  • Includes thinking about color chips and sorting for smarter filtering


3. Given the Hammer, Find the Nails

Sketch Translation:

  • User can see clothing items floating and being picked or dragged into the mix & match area
  • Use gesture interaction for selecting and moving wardrobe pieces
  • Also tied to AI Feedback (future AI styling suggestions that react to user’s pick) as confidence servant layers into their choice

Project small image
Project small image
Key features and interaction models in MR

After defining the design principles and identifying user needs, I mapped out the user journey to understand how people would interact with their wardrobe in MR — from onboarding to creating and sharing outfits.

Translating Mobile to Spatial UX
INDYX originally started as a mobile application , a digital wardrobe where users upload and manage their real-life clothing, create outfits, and plan looks. But when designing for Apple Vision Pro , I started by analyzing what core features users rely on in the mobile app — like browsing items, creating outfits, and seeking AI-generated styling suggestions to keeps that same focus on helping people rediscover and re-love their wardrobe but elevates it into an immersive experience

With these , now I was ready to craft their UI/UX language and interaction flows for spatial envoronment. The design process starts by mapping out which UI components belong to each scene, and how they should behave in space. To do this, I structured the design using key technical parameters: UI Component, Interaction Type, Distance from User, Field of View (FOV) Region and Behavior & Animation . All of these were first planned and documented in Figma, allowing me to clearly define the spatial logic and flow of the experience before moving into prototyping.Once mapped out, I prototyped each element one by one to validate real-world sizing and spatial feel, using ShapesXR.


High Fidelity UI UX Design

Onboarding & Enter Wardrobe

Wardrobe Loading & Orientation

CEO, Neuralport.Inc | Forbes JAPAN Women In Tech TOP30
I work with Sonya at my startup, where her XR design expertise and broad skill set—including pitch creation, networking, diplomacy, and data analysis—are invaluable. She’s a hardworking, talented, and highly motivated person. I'm very happy to work with her.
Sr. Engineer XR at Qualcomm
I worked with Sonya on a VR app project, where her punctuality, creativity, and attention to detail kept us on track. Her stunning, user-friendly UI designs made a huge impact, and collaborating with her was a smooth, enjoyable experience. I'd gladly work with her again.
Technical Engineer Researcher, Osaka University
I've worked with Sonya over the past years, and she's proven to be an exceptional designer with strong communication skills. Sonya played a vital role in designing the audiovisual interface for our XR application, quickly aligning with the product concept and delivering impactful results. I give my best recommendation.
CEO at XR Wellness | XR for hospital patients
I had the pleasure of working with Sonya on two VR projects. She is highly creative and brings a lot to a project, she works efficiently and is dedicated to what she does, testing the final versions until she's sure their perfect. She has a lot of creative ideas - a grand professional! Thanks Sonya I hope to work with you again in future projects.
CEO, Kariboo VR - Immersive Streaming
Sonya is an exceptional XR UI/UX designer. Her thoughtful approach to design played a pivotal role in the development of our XR movie streaming app. Sonya's ability to craft user-centric interfaces and immersive experiences not only enhanced the app's functionality but also streamlined the workflow for our development team. Her designs fostered clear communication across departments with a lasting positive impact on both the product and our team’s efficiency. Sonya’s expertise and dedication make her an invaluable asset to any project.
CEO, Exuberante Caos Associação | Immersive Mural
We had the pleasure of working with Sonya on our AR Scavenger Hunt project, we couldn’t be happier with the results. She is a talented XR Designer with expertise in UI/UX Design and Web AR Onirix to implement gamification & geolocation, with clear communication. We highly recommend Sonya for any AR/VR project!
Welcome
New Ideas
Welcome
New Ideas
Welcome
New Ideas
Welcome
New Ideas
Welcome
New Ideas
Welcome
New Ideas
Welcome
New Ideas
Welcome
New Ideas