You are experiencing this yehhhh.....

Embarking on a journey to redesign the Airbnb experience for Apple Vision Pro, Ritu Kulshrestha and I sought to blend Apple's Vision OS guidelines with Airbnb's framework, aiming to create a seamless and immersive mixed reality experience. The challenge was daunting yet exhilarating, as we endeavored to push the boundaries of design and innovation.

At first, our design felt constrained, stuck in a cookie-cutter mold that lacked uniqueness and creativity. Even with the introduction of glass morphism, the UI remained generic and failed to capture attention. This realization was a turning point, prompting a deeper dive into innovative design elements.

As we delved deeper, we discovered the crucial role of the field of view in mixed reality design. Optimizing UI elements and content placement became paramount to ensure users could effortlessly navigate within their visual field, enhancing immersion and interaction.

Tackling Mixed Reality-Specific Challenges

Mixed reality presented its own set of challenges, from image manipulation to real-time conditions and crafting an immersive booking experience. These hurdles demanded novel approaches to UI design, leveraging mixed reality capabilities to create a seamless and engaging user journey.

The process of wireframing became a canvas for exploration, allowing us to experiment with various design options and gather invaluable feedback. Each iteration brought the design closer to aligning with user needs and project objectives.

Throughout this journey, several key insights emerged:

Adhering to Vision OS Guidelines: It's essential to follow Vision OS guidelines while preserving brand identity.

Impact of Glass Morphism: Glass morphism can elevate UI designs from mundane to visually captivating.

Optimizing UI for Mixed Reality: Focus on the field of view and immersive experiences is crucial.

Addressing Mixed Reality Challenges: Innovative solutions are needed to enhance the overall user experience.

Collaboration and Feedback: The power of collaboration and feedback is vital in refining designs and ensuring user satisfaction.

&nbsp; To watch Prototype visit to my LinkedIn Post:&nbsp;https://www.linkedin.com/posts/samay-maurya-03a796200_ar-vr-spatialdesign-activity-7243677035854753794-Gcb-?utm_source=share&amp;utm_medium=member_desktop&nbsp;&nbsp;

By combining Vision OS guidelines, glass morphism, and mixed reality design principles, our redesigned Airbnb experience for Apple Vision Pro promises a seamless, immersive, and visually captivating journey for users. This redesign elevates their interaction with the platform to new heights of enjoyment and engagement.

Airbnb Vision OS

->Spatial design initiatives for AR Genie app on Magic Leap AR Glasses

->Developing innovative spatial interactions and user experiences in mixed reality environments

->Utilizing Bezi and Unity for spatial design principles to create immersive AR applications

>Design and implement user interface solutions for workflow Instruction using Figma, Spline, and Unity

->Create comprehensive user experience documentation including site maps, Information Architecture and UX writing

->Conduct UX research and competitive analysis to inform design decisions

->Develop and maintain design systems using Webflow and modern design tools

Designed Posito Cabs' app, brand logo, and identity, laying the groundwork for a seamless user experience. Conducted market, user, and
app testing, paving the way for future product enhancements. Oversaw
product requirements, roadmaps, and testing, ensuring the app's development aligns with user needs and market trends

Crafted impactful social media posts that boosted NGO fundraising and volunteer engagement.
Best Intern of the Month
Completion Certificate

Freelance UX Designer @ Avirox:

Bhaviya Homes: Streamlined website UX, fixed errors.
EV Motors: Clean app UI, user-tested.
Youth ISKON: Simplified site, wireframes.

Working on Jusbiz a B2B virtual card payment solution for Corporates


Case Study: Designing the Magic Leap AR Genie App for AR Work Assist

In the rapidly evolving field of Augmented Reality (AR), designing for spatial environments demands a unique blend of creativity, technical proficiency, and user-centered thinking. This case study explores the design journey of the Magic Leap AR Genie app, a work assist tool for factory workers using Magic Leap AR Glasses. Our goal was to create an intuitive, efficient, and safe AR experience tailored to the specific needs of industrial environments.

This case study is intended to demonstrate my work and the value I added during the project.&nbsp;Due to company privacy and policies, some information is not accurate or is presented as dummy data, and some images are not clear.

Target Audience: Factory workers and employees

The first step involved an in-depth study of the design guidelines for Magic Leap AR Glasses

We analyzed existing AR work assist solutions, even though the competition was sparse given the novelty of the concept. This competitive analysis provided insights into best practices and potential pitfalls.

Next, we reviewed the documentation for MRTK3 toolkit for Unity, which is essential for developing spatial products. This gave us a solid understanding of how to effectively design and implement UI/UX for AR environments.

Using Miro and notes, we facilitated brainstorming sessions to generate ideas and outline the user journey. This collaborative approach ensured that we considered various perspectives and addressed potential user pain points early in the design process. These are some sketches of users pain points with FOV.

In Figma, we created wireframes and 2D UI designs for each scene. The focus was on simplicity and clarity, as our target audience comprised factory workers who need to interact with the AR interface efficiently and safely.

Utilizing Bezi, we translated our 2D designs into 3D spatial prototypes. This step was crucial for visualizing how the UI elements would appear and function within an actual AR environment.

The transparency of UI backgrounds was emphasized to ensure users always have a clear view of their surroundings, crucial for maintaining safety in a factory setting.

- Represents a major advancement in AR for industrial applications.

- Combines research, design, and iterative development.

- Boosts factory worker efficiency and safety.

- Demonstrates AR's potential to transform traditional work environments.

- Highlights the importance of user-centered design in creating innovative spatial experiences.&nbsp;

Designing the Magic Leap AR Genie App for AR Work Assist

Work assist AR Genie app for AR Glasses

Users who want to buy and grow plants online face stress and uncertainty, as they lack support and guarantee for their plant’s health. They also miss out on the opportunity to connect, share, and exchange plants with other plant enthusiasts, as&nbsp;there is no platform that offers this all in one place.&nbsp;&nbsp;

The objective of this project is to design a user-friendly and engaging platform that enables users to buy, grow, and exchange plants and plant-related products, as well as to join a community of plant lovers.

People who want to garden or farm in small spaces face various challenges and lack a comprehensive platform that provides them with all the solutions they need.

The solution is an app-based platform that caters to the needs and interests of gardening and small-space agriculture enthusiasts.

Access a comprehensive platform that solves all the problems that users face with online plant shopping and growing, such as guidance, assurance, support, and exchange

Besides my personal experience, I conducted research to understand the problem and user pain points and motivations better. I defined my target user and research objectives to structure my research. The insights gained from the research helped me to generate ideas in the later stages.

I also aimed to find out the major factors that affect the decision making while looking for a Plants Products.&nbsp;

I conducted secondary research to gain more insights on existing products in the market, what key features they provide, and what problems do users face while using them. I began my Market research with 3 competitors, nurserylive, ugaoo, kyari. This helped me to identify the areas where Plant Market Place could improve and how any new feature could be introduced. All these products had similar product offering.&nbsp;

&nbsp; I Created User Empathy Map this will help me to get what user says, what user feels , what user thinks and what user Does

<a href="https://www.figma.com/proto/Dty2Fuf7O24CuirkWDu5LP/agrotech%2Fwork?page-id=1290%3A3534&amp;type=design&amp;node-id=1290-3535&amp;viewport=462%2C363%2C0.57&amp;t=Kq0AUaCkxsMsuBrb-1&amp;scaling=min-zoom&amp;mode=design">Click </a>here to see the Customer Journey Maps in detail.&nbsp; &nbsp;

Based on the User Research I came up with these pain points&nbsp;

After gathering all the points, I created a site map and then an information architecture for this. With the site map, it is easy to have an overview of how an app looks like. It is like a skeleton of a human body.

&nbsp; After creating the site map and user flow, I then came up with the information architecture (IA). IA can help you to have an in-depth understanding of how and what the user sees on a particular page.

<a href="https://www.figma.com/design/uvBgjynosz2wAPuOY0Jdi3/Info-in-case-study?node-id=201-678&amp;m=dev">Click </a>here to see the Information Architecture in detail.&nbsp; &nbsp;

I created low fidelity wireframes to quickly sketch out and explore various design ideas and concepts. Wireframes are flexible, making it easier to make changes based on feedback without significant time and resource investment. Then with the help of wireframes, I designed Interface screens for VRIKSH.

<a href="https://www.figma.com/design/uvBgjynosz2wAPuOY0Jdi3/Info-in-case-study?node-id=201-236&amp;m=dev">Click </a>here to see the complete set of wireframes.

<a href="https://www.figma.com/proto/Dty2Fuf7O24CuirkWDu5LP/agrotech%2Fwork?node-id=1299-11077&amp;node-type=frame&amp;t=fKg4Bx30kwXPGyoE-1&amp;scaling=scale-down&amp;content-scaling=fixed&amp;page-id=883%3A12969&amp;starting-point-node-id=1299%3A11077"> Click </a>here to see the detailed prototype and prototype walkthrough.&nbsp;&nbsp;

High-fidelity wireframes are detailed and refined representations of a digital interface, typically created using specialized design tools.&nbsp;They are almost exact replicas of the final site or app, with detailed dimensions, precise layouts, meticulous typography, specific color schemes, and even interactive elements included&nbsp;

Welcome to&nbsp;Green Living!&nbsp;Discover a lush realm where you can buy, swap, and share your plant joys. Join lively communities, share your green progress, and connect with plant enthusiasts worldwide. Dive into a world of plant enthusiasts, and share your journey. Connect, grow, and thrive in a community that values sustainable living. Your green haven awaits.

Welcome to&nbsp;VRIKSH, your green sanctuary! Join a community of plant lovers, embark on the&nbsp;30-day Plant Care Challenge, and transform your space into a blooming paradise.&nbsp;Connect, share, and grow with VRIKSH!

The&nbsp;Shop&nbsp;page of the VRIKSH app features a&nbsp;Product UI card&nbsp;with products categorized into plants, seeds, plant care products, and more

In the&nbsp;Profile&nbsp;page of the VRIKSH app, users have a unique feature called&nbsp;My Garden&nbsp;where they can track and manage their plants virtually.&nbsp;It provides visual updates on each plant’s growth and health, offering a personalized gardening experience

A&nbsp;customer loyalty program&nbsp;incentivizes users to complete challenges and make purchases by offering rewards points that can be redeemed for discounts, freebies, or other perks.

The&nbsp;Community&nbsp;page of your app is a platform for plant enthusiasts to connect with each other, join groups, and interact with other users.&nbsp;It allows users to share their gardening experiences, ask questions, and learn from other plant lovers

These are other UI Pages which is also a part of this app Design.

In Figma, a&nbsp;component library&nbsp;is a collection of reusable design elements, such as buttons, icons, cards, and more. These elements are created as components within Figma and can be easily reused throughout your designs. The main advantage of using a component library is that it ensures consistency across different screens or projects.&nbsp;By setting variants and components, color, typeface, UI card, and all components before working on visuals, you can work in a systematic manner and save time in the long run

<a href="https://www.figma.com/file/XepS59pSHXgUrNa1bXFEwb/Information-Architecture?type=design&amp;node-id=3-1163&amp;mode=design">Click here </a>to see the Design System.&nbsp; &nbsp; &nbsp;

Usability testing was an important step in the development process of my feature, and helped me to ensure that the feature is intuitive and easy to use.

From the feedback received from the users after usability testing, I prioritized the most important ones and implemented them.

&nbsp;In conclusion,&nbsp;VRIKSH&nbsp;is a mobile app that offers a personalized gardening experience to plant enthusiasts. With features like&nbsp;My Garden,&nbsp;Plant Swap, and&nbsp;Garden Guru, users can connect with other plant lovers, exchange plants, and get expert advice on gardening. The app also features a&nbsp;Shop&nbsp;page where users can purchase plants, seeds, and plant care products. By using a&nbsp;component library&nbsp;and working in a systematic manner, the app ensures consistency across different screens and projects

Airbnb Vision OS

Airbnb for Apple Vision Pro

Key Insights

Conclusion