Virtual Try-On
White Stripe goal is to make shopping for shoes online easier, fun and easy for all types of users.
.png)
The problem
Shopping for shoes online can present a significant challenge as one is unable to physically examine their appearance, style, and how they complement one's wardrobe before making a purchase decision, thereby adding a layer of uncertainty to the online shopping experience.
White Stripes boots online shop objectives goals are bring the best quality product, variety of brands and a different design and color & patterns not yet in Australia to woman that are looking for good quality and style and do not have much time to shop around from shop to shop. White Stripe goal is to make shopping for shoes online easier, fun and easy for all types of users.
The solution
Introduce an innovative Virtual Try-On feature using augmented reality (AR) technology to bridge the gap between online browsing and in-store try-ons. This interactive feature will allow users to visualize and virtually try on shoes in real-time, enhancing the online shopping experience and increasing confidence in purchasing decisions.
Timeline
April 2023 to February 2024
My role
As UX designer (student) for this Project I was responsible for both strategies and visual design. Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, iterating on designs.
Tools
Figma
Project Overview
Personas
Target Audience
Women aged 25-45
Fashion-conscious individuals
Busy professionals and mothers
Tech-savvy online shoppers seeking convenience and innovation
Sophia, a busy professional seeking convenience and quality, and Emily, a fashion-forward college student with a keen eye for style, collectively embody the diverse target audience for the Virtual Try-On solution on the White Stripes Boots Online Shop, highlighting the need for a personalized and innovative online shopping experience to enhance customer satisfaction and engagement.
Solutions Overview
Virtual Try-On Feature
Introduce an innovative Virtual Try-On feature using augmented reality (AR) technology to bridge the gap between online browsing and in-store try-ons.
This interactive feature will allow users to visualize and virtually try on shoes in real-time, enhancing the online shopping experience and increasing confidence in purchasing.
By implementing a Virtual Try-On feature powered by AR technology, we can upgrade the online shoe shopping experience, making it more convenient, personalized, and enjoyable for consumers.
This innovative solution addresses the inherent challenges of online shoe shopping by providing users with the tools and confidence they need to make informed and satisfying purchase decisions, ultimately driving customer satisfaction, loyalty, and business growth.
Personas were created about the target user and researched about their needs to have a pleasant and efficient experience when buying shoes online.
During the research process carried out through the user journey map, we were able to better understand the factors that most bother users and the most positive factors about the online experience when purchasing a shoe.
One of the most negative points about purchasing online was not being able to physically try on the shoe, which is why we introduced the VIRTUAL TRY-ON on the website as the website's main tool.
User research summary
Understanding&Define
Design&Prototyping
My goal is to create a layout that guides them step by step. From picking a shoe to seeing how it looks on their feet, I want every click to feel natural.
As I work on putting the layout together, I'm not just thinking about the design. I'm thinking about how our customers will feel when they use it. I want them to feel excited and happy, like they're having a great shopping experience without leaving home.
User research summary
Wireframes & Prototype
Designing the wireframe for this online store project means making a basic sketch of where everything will go on the website. I did map out where buttons, pictures, and text will be placed, especially focusing on how customers will use the Virtual Try-On feature to pick shoes and see them on their feet. This help me plan for an easy and clear experience for our website visitors.
Visuals
For this project, I focused on using a simple and clear color palette to enhance the user experience. I chose the tones to create a welcoming atmosphere, while also ensuring that important elements stand out effectively. By keeping the colors clean and straightforward, I aimed to make the website visually appealing and easy to navigate.
Testing
Usability Studies
I conducted a usability study for this project, where I worked closely with two participants. We were testing out the virtual try-on feature on the online shoe shopping website, which uses augmented reality (AR) technology. The main aim of our study was to identify any issues users might encounter and gather feedback on how effective the feature is and how users feel about it
Key Findings : Missing Camera Access Page
Both participants encountered difficulties accessing the virtual try-on feature due to the missing page prompting camera access permissions.
Implementation : Implement Camera Access Page
Prioritize the immediate implementation of a camera access page with clear instructions and notifications guiding users to grant necessary permissions for using the virtual try-on feature.
Recommendation
The study showed that virtual try-on features can greatly improve online shoe shopping. But it's crucial to use good and dependable AR technology. Prioritize investing in cutting-edge AR technology to ensure realistic, accurate, and smooth virtual try-on experiences so online shoe store can make customers happier, boost sales, and stand out in the online shopping market.
.png)