What is SmartFIT ?
SmartFit Is an AI-powered mobile application designed to serve as a virtual fitting room, helping users seamlessly choose, try on, and mix outfits from both their existing wardrobe and a shopping catalog. Using advanced virtual try-on technology.
My Role
I was the sole designer on this project, working closely with the project manager, owner, and development team. My responsibilities throughout the project are outlined below.
UX Designer
Usability tester
Prototype
Meeting with the client
To fully understand the scope of the project, I had a one to one session with the stakeholders. during the session, I was able to understand the motivation behind the project and business goals. the stakeholders comprises of the 2 founders and project manager.
Meeting outcome
The challenge of finding the perfect outfit often a time consuming task has inspired me to create a transformative solution for shopping and wardrobe management. Drawing from personal experience, including the countless hours my wife spends searching for just the right look (even causing us to be late to events). Founder
Project Goals
The goal is to establish smartfit as the AI leading virtual fitting room to enhance use experience in shopping and wardrobe management.
Project vision
•To Reduce Time in Outfit Selection. •Enhance Fit Accuracy and Personalization. •Seamlessly Integrate Wardrobe and Shopping Catalogs. •Decrease Return Rates and Increase User Satisfaction.
Validated Approach
The virtual fitting room app provides a comprehensive solution by leveraging advanced 3D modeling, AI-driven sizing, and personal photo uploads to create an efficient and personalized virtual fitting experience.
User Research
To gain a comprehensive understanding of user awareness and behavior regarding virtual fitting rooms, I employed a mixed-method research approach, combining quantitative and qualitative methods to ensure a balanced perspective.
Quantitative approach
A survey was distributed to 100 individuals via social media platforms, including Facebook, WhatsApp, Instagram, and Telegram. A total of 38 responses were received, providing valuable quantitative insights into general trends and patterns.
Key Findings
The data revealed that 68.3% of users were unfamiliar with the concept, while 75% stated that visualizing how clothes would look on them would significantly influence their purchasing decisions.
Qualitative approach
To complement the survey data, I conducted in-depth interviews with 5 participants, recruited through platforms such as Instagram and LinkedIn, to gather nuanced, qualitative insights into user experiences and perceptions.
Time Contraints
Time-consuming to find the right size and outfit (2-5 hours shopping)Time-consuming to find the right size and outfit (2-5 hours shopping)
Time-consuming to find the right size and outfit (2-5 hours shopping)Time-consuming to find the right size and outfit (2-5 hours shopping)
Exhaustion from trying on clothes and frustration with store travel and sizing inconsistencies
Dislikes store shopping and trying on clothes due to time constraints
Motivations
Enjoys looking smart and decent when stepping out
Wants confidence in outfit choices
Seeks to balance time and still look good
Values efficiency and convenience
Motivations
Enjoys looking smart and decent when stepping out
Wants confidence in outfit choices
Seeks to balance time and still look good
Values efficiency and convenience
Motivations
Enjoys looking smart and decent when stepping out
Wants confidence in outfit choices
Seeks to balance time and still look good
Values efficiency and convenience
Key Findings
The data revealed that 68.3% of users were unfamiliar with the concept, while 75% stated that visualizing how clothes would look on them would significantly influence their purchasing decisions.
User story
A streamlined solution is needed to simplify the process of selecting and trying on outfits from both existing wardrobes and online stores. Combining virtual fitting with wardrobe management can reduce the time spent on physical trials and address issues with inconsistent sizing, making the shopping experience more efficient and enjoyable.
Problem Statement
Users need a more convenient and efficient experience that allows them to confidently select outfits that fit well and match their style, while eliminating the need for time-consuming physical trials.
How Might We
How might we provide a seamless experience for users to select, try on, and mix and match outfits from their wardrobe and shopping catalog, ensuring accurate fit and style, while saving time and enhancing the overall user experience
User persona
From the insights drawn from the survey and user interview, I was able to create 2 persona that deeply represents our user which one of them is a busy mum of two who is conscious of what she wears before stepping out, and she finds it very difficult to combine her busy motherhood lifestyle with physically trying on cloths. And the second persona is a single working class lady who is inlove with shopping, and loves fashion. she tends to spend hours when shopping for clothing due to the physical try on
Problem Statement
Users need a more convenient and efficient experience that allows them to confidently select outfits that fit well and match their style, while eliminating the need for time-consuming physical trials.
How Might We
How might we provide a seamless experience for users to select, try on, and mix and match outfits from their wardrobe and shopping catalog, ensuring accurate fit and style, while saving time and enhancing the overall user experience
With the user research wrapped up, we now have a clear understanding of user needs, challenges, and expectations. These insights provide a strong foundation for the next step: crafting user flows that seamlessly guide users toward their goals while addressing their pain points.
The task flow was designed with a focus on the app's two primary features: mixing and matching outfits from the user’s wardrobe and from the online store.
First flow
The first flow outlines the steps the user takes to mix and match outfits from their wardrobe, guiding them from the dashboard to the virtual fitting room. The task has been designed to make the experience easy and intuitive.
Second flow
This outlines the steps the user takes to mix-match outfit from their online store which takes them from the dashboard to virtual fitting room. the task has been designed to make the experience easy and intuitive
Information Architecture
By logically grouping and labelling sections, I created a user friendly layout that supports intuitive navigation. This architecture is designed to simplify the user experience, making it easy for users to move between tasks, whether they’re trying on clothes, saving outfits, or checking measurements without confusion or unnecessary steps.
Low-Fi wireframes
The sketch illustrates the onboarding process, starting with registering your personal details like email address and password. Following this, you proceed to the body measurement section, where you manually input measurements for various body parts, including height, chest, hips, and others.
This is part of the onboarding screens, where users are prompted to create an account or log in.
This screen was designed as the optimal starting point, allowing users to manually enter their details to ensure the best possible outfit fitting experience.
This section allows users to select an avatar, which they can use to mix and match outfits from their wardrobe or online store.
Prototype for testing
The prototypes were specifically designed to help test the ability of testing cloths from your wardrobe and online store through inputing your body sizes and selecting your prefered avatar
Users are allowed to choose from an existing avatar which reflects to their colour skin and body type.
Users were allowed to navigate through the online stores and their virtual wardrobe to mix match various clothings
Usability testing
The usability testing began with an initial group of five participants, who also took part in preliminary interviews to share insights on their experiences and expectations. These participants were assigned two main tasks to assess the functionality and user-friendliness of the platform. The first task involved creating an outfit using items from their virtual wardrobe, allowing testers to explore how seamlessly they could navigate their existing digital clothing collection to put together an outfit. The second task required them to create an outfit using items from an online store, evaluating the ease of browsing, selecting, and adding new items to their wardrobe from an external source. These tasks were designed to provide insights into user interaction patterns, potential challenges, and overall satisfaction with the system’s core features.#
The body and size measurement process took about five minutes to complete, allowing users to carefully input a series of specific measurements, entering measurements for various body parts, including height, chest, waist, hips, and potentially additional areas depending on the level of detail required. This process was crafted to be thorough yet manageable within a brief period, ensuring that users could provide accurate data without feeling overwhelmed.
Various avatar body types were offered based on user preferences to better match their appearance and create a more personal connection.
This section allowed users to mix and match clothing items from their virtual wardrobe and online stores, using their selected avatar for a personalized styling experience.
Gabreann
The registration and body measurement process was too time consuming and cumbersome.
Babara
Participants expressed a strong preference for using their own photos over avatars, which they found less realistic and personal.
Joseph
Users didn't trust the avatar based fitting system and felt it didn't reflect their real body shape accurately.
Joseph
Users didn't trust the avatar based fitting system and felt it didn't reflect their real body shape accurately.
Key Findings
Main Pain Point: The registration and body measurement process was too time consuming and cumbersome.
User Preferences: Participants expressed a strong preference for using their own photos over avatars, which they found less realistic and personal.
Trust and Accuracy: Users didn’t fully trust the avatar-based fitting system and felt it didn’t reflect their real body shape accurately.
After completing the testing phase, we gained valuable insights into previously overlooked areas, which led us to reshape our initial concept. We chose to act on these findings by thoroughly analyzing the collected data and revisiting the empathy and ideation phases to create a new approach. Fresh sketches and wireframes were developed to align with our updated insights. Now, users can upload their photos, allowing artificial intelligence to analyze the image, identify sizing, and assess body type. This enhancement reduces the time users would spend manually entering those details by 5-10 minutes, streamlining the experience significantly.
Final prototype
The final prototype was thoughtfully developed by integrating key insights obtained from extensive user research and usability testing. These insights guided adjustments in functionality, layout, and interaction flow, resulting in a design closely aligned with user needs and expectations.
Learning outcome
1. Avoid making design decisions based on assumptions, rely on data and user insights.
2. Remember, you are not the user, design with the real user’s needs and experiences in mind.
3. Embrace collaboration and constructive feedback as essential elements for a successful project.
