I bring valuable experience and a dedicated mindset to any project. Let's join forces and make a positive impact together. Feel free to reach out to me via my Email or LinkedIn
A streamlined onboarding process for a seamless styling experience, allowing users to quickly create their profile and start exploring personalized recommendations.
1st Solution
A virtual closet where users receive outfit suggestions based on their event, save items to their closet, and virtually try them on to see how they'll look.
2nd Solution
A styling section where users can create their own outfits, from cap to shirt and pants, and virtually see how they look in real-time.
3rd Solution
Users can analyze their body type and shape to get a clear understanding of which styles and outfits suit them best for a perfect look during virtual try-on.
4th Solution
Haulage Responsive Web
Preventive Health Care
Contactless Digital Card
Fintech App
Other Case Study
Task : Sign into the app
Task : Now, select an outfit from your closet and do a virtual try-on
Task : Next, please do a body type analysis using the app.
Overall Key Findings from Each participant
Overall Key Findings from Each participant
Overall Key Findings from Each participant
Success Rate: 100%
Success Rate: 100%
Success Rate: 100%
Results
Overall User Experience : It was very easy and straightforward, showing the highlight of what I clicked makes it more intuitive.
Overall User Experience : It was very easy and straightforward and more intuitive.
Overall User Experience : It was very easy and straightforward and more intuitive.
Pain-points : There is no where to save this my analysis for future styling.
Feedback on any confusion : Its just that casual is relative, what is casual to me might not be casual to other people, so its difficult knowing what the app meant by casual.
Pain points : Majority of the participants do not know the clothes options are scrollable.
Feedback and suggestions : Some measurements might vary, i might be size 6 and don’t have the exact measurement of the image, so that users or stylist using the app will not depend solely on the measurement i will advice you put a disclaimer notice.
You
Casual
Formal
Elegant
Bought
Bought
Bought
My Closet
Virtual try on
Tops
Pants
Gown
Shoes
Bags
Hats
Home
Home
Closet
Closet
Styling
Alart
Body measurement guide
Shoulder
Measure from where the shoulder seam to meet the sleeve on the side to another side.
Burst
Measure from the stitches below to the armpit on one side to another.
Waist
Measure straight across the narrowest waist line from edge to edge.
Hip
Measure straight across the widest hip line from edge to edge.
Length
Measure from where the shoulder seam to the collar to the outside.
Home
Home
Closet
Closet
Styling
Alart
Small ( Size 6 )
Measurement : Petite, Burst 33.4-39, Waist size 26-27.6, Hip 33.6-39, Length 65-66.9.
Height: for this size is usually 5ft -5.5ft, while
Weight: is 60kg ( 150lb ) to 65kg (155lb )
Small ( Size 8 )
Measurement : Petite, Burst 33.4-39, Waist size 26-27.6, Hip 33.6-39, Length 65-66.9.
Height: for this size is usually 5.4ft -5.8ft, while
Weight: is 60kg ( 160lb ) to 67kg (160lb )
Medium ( Size 10 )
Measurement : Petite, Burst 33.4-39, Waist size 26-27.6, Hip 33.6-39, Length 65-66.9.
Height: for this size is usually 5ft -5.5ft, while
Weight: is 60kg ( 150lb ) to 65kg (155lb )
Wig
Cap
Hat
Lipstick shades
Earrings
Headwear
Tops
Bottoms
Gowns
Shoes
Bags
New Style
My closet
Save style
Home
Home
Closet
Closet
Styling
Alart
Task : Next, please style yourself in an new outfit
Overall Key Findings from Each participant
Success Rate: 100%
Overall User Experience : It was very easy and straightforward and more intuitive.
Suggestions : There are too much of clicks and steps on this page, if the steps can be split into two. If there could also be a download after styling or share on media.
Observation : Some of the users does not know the upper body part is also part of styling, they were clicking on the lower part to style.
Home Page
Through the usability testing process, I gained valuable insights into the importance of observing user behavior. By paying close attention to participants' body language and facial expressions, I was able to identify areas of frustration or confusion. This allowed me to probe further and uncover underlying issues that may not have been immediately apparent
Key Learning Takeaway From Usability Testing
Iterations
Final Iterations
Following the feedback from my recent usability testing,
I implemented several key corrections to improve the user experience of the styling app. These changes address specific issues identified during testing and aim to enhance overall functionality and ease of use.
Final Iterations
Following the feedback from my recent usability testing,
I implemented several key corrections to improve the user experience of the styling app. These changes address specific issues identified during testing and aim to enhance overall functionality and ease of use.
STYLISTIC UI KIT
Stylistic
Uniquely for you
LOGO
COLOUR PALLET
TYPOGRAPHY
CARDS COMPONENT
COMPONENT
COMPONENT
FORMS & NAV BARS
BUTTONS
Black background
White background
Stylistic
Uniquely for you
Stylistic
Uniquely for you
Primary Colours
Secondary Colours
Ascent Colours
Primary Button
Secondary Button
Ascent Buttons
Disabled Button
Buttons
Aa Nunito Sans
Aa Nunito Sans
Aa Nunito Sans
Aa Nunito Sans
Heading 1 , 20px , Weight Bold
Semi Heading , 18px , Weight Medium
Body Text , 14px , Weight Regular
Body Text , 16px , Weight Regular
Name
Name
Name
Name
Nav Bar
Top Nav
Forms
Logo
Headwear
Tops
Bottoms
Gowns
Shoes
Bags
Flat Shoes
Hills
Snickers
Sandals
Headwear
Tops
Bottoms
Gowns
Shoes
Bags
Skirts
Trousers
Bum Shorts
Headwear
Tops
Bottoms
Gowns
Shoes
Bags
Tops
Shirts
Polo
Jackets
Wig
Cap
Hat
Lipstick shades
Earrings
Headwear
Tops
Bottoms
Gowns
Shoes
Bags
Select Option
Top & Shirts
Top & Shirts
Top & Shirts
Pants
Gown
Skirt
Shoes
Skirts
Skirts
Top & Shirts
Pants
Gown
Skirts
Shoes
Shoes
Shoes
Top & Shirts
Pants
Gown
Skirt
Shoes
Pants
Pants
Top & Shirts
Pants
Gown
Skirt
Shoes
Gown
Gown
Top & Shirts
Pants
Gown
Skirt
Shoes
Select Option
Top & Shirts
Pants
Gown
Skirt
Shoes
Elegant Gowns
Elegant Gowns
Shirt and Trouser
Shirt and Trouser
Top and skirts
Top and skirts
Gown
Gown
Suits
Suits
Blazer jacket and Trouser
Blazer jacket and Trouser
Top and Shorts
Top and Shorts
Condition
Condition
Condition
Condition
Sold by
Sold by
Sold by
Sold by
Testing The Functionality Of The App
I conducted usability testing for my styling app to evaluate its user-friendliness and overall effectiveness. The aim was to identify any usability issues and gather feedback to enhance the user experience. My testing involved a series of tasks designed to mimic real-world usage of the app’s key features.
Participants: I was able to conduct testing on 4 participants.
Usability Testing
Logo
Already have an account? Log in
Forgot password?
Log In
New User? Get started
Continue with Apple
Email Address
OR
Continue with Google
Password
Next
Next
Enter your email and password
Email Address
Password
Confirm password
Complete
Next
Next
What name would you like to be addressed?
What is the Purpose of you using the App
What is your preferred style
What is your favourite color
Would you like to answer view onboarding questions before you sign in so that we can get you set for your styling?
Choose all that apply
How to choose colour for my outfit
Classy
Pink
Plan event
Trendy
Red
Analyse my body type
Girly
Yellow
Wardrobe management
Tomboy
Blue
Style trends
Sporty
Purple
Manage Outfit
Formal
Wine
Yes
No
Sign Up Onboarding
Sign In
I further did the a user journey mapping to further establish the app's structure and foundation by organising features and content logically.
Establishing the app's structure and foundation
User Journey
After a deliberate approach through this process, I streamlined the final features that solve the problem to three key solutions.
After solidifying the flow concept, the next crucial step I did was to visually conceptualise its structure through wireframing. Wireframes served as basic blueprints, outlining the app's layout, content, and functionality without delving into design aesthetics.
Automated Outfit Suggestions: Using AI algorithms to provide daily outfit recommendations based on weather and events
Personalised Styling with virtual closet: AAllows users to experiment with different outfits and see how they look on a virtual body.
Body Type Analysis: Use AI to analyse users’ body types and suggest flattering outfits.
Final Ideated Feature
Lowfi Sketch
POV
HMW
Busy users who needs a quick and easy way to decide what to wear each day because they often feels overwhelmed by the number of choices and wants to feel confident and appropriately dressed for various occasions.
How might we simplify the process of choosing outfits for our users to reduce their decision-making time?
How might we help users balance comfort and style when dressing for various occasions?
How might we provide personalised fashion advice with appropriate colour coordination that boosts users' confidence in their outfit choices?
How might we deliver outfit recommendations tailored to users' body types and style preferences?
Style-conscious users struggles with mixing colours and matching pieces based on body type to create cohesive looks and wants to ensure outfits are both comfortable and stylish.
User values comfort and fit, they finds it difficult getting outfit recommendations, they finds it challenging to balance comfort and style, especially when dressing for social events and parties.
By starting with 'How Might We' questions and a deep understanding of user Points of View, I was able to craft ideated features that effectively addressed user needs and pain points.
Problem Statements
Crafting ideated features into tangible and actionable product functionalities.
After establishing a solid foundation with wireframes, I moved on to high-fidelity design. This stage involved transforming the wireframes into visually appealing and interactive prototypes.
Bringing the Styling App to Life with High-Fidelity Design
Developing Feature Idea
Pain Points
Splash Screens
Onboarding
Virtual Closet & Personalised Styling Page
Virtual Closet & Personalised Styling Page
Prototype
Prototype
Revolutionary application altering the approach of users to choose and fashion their attire, transforming style into an enjoyable and simple process.
Based on the interview analysis, I identified the following key themes and pain points that will guide the development process and ensure the app aligns with user needs.
Stylistic
ROLE
TIMELINE
TOOLS USED
PRODUCT DESIGNER
WEB/APP DESIGNER
June - July 2024
Mirror, Optimal sort, whimsical, Figma, Goggle forms.
Background
The objective of this project
Each time I have an outing or occasion, I face the same problem. I stand in front of my closet, overwhelmed by the number of choices but still unable to decide what to wear. It's not just about picking an outfit; it's about feeling confident and dressed right for every occasion.
I've realised that many people have the same struggles. They wonder, "Does this outfit look good on me?" "How do I mix and match my clothes and combine colours?" and "What should I wear for this specific event?" Even with a full wardrobe, feeling like you have 'nothing to wear' is very common.
The objective of this project is to develop a personalised fashion advice and styling application that simplifies the process of choosing outfits, addresses common struggles related to wardrobe selection, and empowers users to feel confident and stylish in their clothing choices.
PROBLEM STATEMENT
This daily dilemma leads to wasted time, reduced productivity, and a negative impact on their self-esteem
The app offers automated daily outfit suggestions based on weather and events, analyses body types to suggest flattering outfits, and includes a virtual wardrobe with try-on features.
Turning the above challenges to “ How Might We “
How can we simplify outfit selection to save users time, provide tailored recommendations for confidence, and help them balance comfort and style for various occasions?
People feel overwhelmed and unsure when choosing outfits, struggling to find clothing that fits well, suits their personal style
User Experience Challenges:
Some users may find the interfaces of these apps cluttered or difficult to navigate, which can detract from the overall experience and lead to frustration.
Time and Uncertainty in Dressing:
Users spend a significant amount of time dressing and often feel uncertain about their outfit choices.
Size and Fit Inconsistencies:
Despite efforts to provide customised clothing options, users might still encounter issues with size and fit, leading to returns and dissatisfaction.
Influence of Comfort and Occasion:
Comfort and the specific occasion are major factors influencing outfit choices. Balancing these aspects presents a challenge.
Dependency on User Input:
The accuracy of recommendations often heavily relies on the quality and quantity of user-provided data, which can vary, resulting in less effective styling or shopping suggestions
Outfit Suggestions and Planning:
Users appreciate suggestions and recommendations for outfits based on specific occasions and value tools for planning their outfits.
Challenges in Dressing for Social Events:
Users find it particularly difficult to dress appropriately for social events and parties.
Valuable Fashion Services:
Users value services that help with colour coordination and provide body type analysis.
Finding appropriate clothes for different occasions sometimes leads to stress and frustration despite having full wardrobes.
Solutions provided by the App
Additionally, some end up wearing outfit colours that don't match or clash, which can further diminish their confidence and overall appearance
Insights that guide and determine my design direction.
I analysed five different products to understand their unique features, strengths, weaknesses, and opportunities that could be adopted in my design.
Analysing these competitors reveals similarities in personalised recommendations and community features, with opportunities to enhance user interface design and streamline processes for a superior user experience.
To gain valuable insights for the development of my personalized styling app, I conducted interviews with 5 fashion enthusiasts. These conversations provided a deeper understanding of their styling preferences, challenges, and expectations from a personalised fashion platform.
Additionally, I generated 20 responses from a survey designed to gather broader input on user needs and preferences. This combination of qualitative and quantitative data has equipped me with the knowledge to create a more tailored and user-centric app experience.
While I acknowledge the strengths of these competitor products, it's important to note that I have also identified common weaknesses, I will leverage on these areas in this project.
After gathering the insights from the interviews and survey, I conducted affinity mapping to identify patterns and key themes. This process helped me uncover common user needs and pain points, which will guide my design and development stage.
Competitive Analysis
Assessing the Competitive Landscape
Identifying Strength, Weaknesses and Opportunities from the Competitors
Shoplook
Stitch Fit
Pureple
Combyne
Style DNA
Similarities
Weaknesses
Affinity Mapping
Opportunities
Key takeaways from this competitor analysis include the importance of intuitive interfaces and the impact of streamlining operations and updating features on user interaction. By integrating successful elements from competing platforms and addressing their shortcomings, I can develop a more engaging and effective styling application.
Key Learning From The Analysis
The importance of providing detailed and accurate product information to help users make informed decisions.
The confidence boost user highlighted fromo effective colour coordination, feeling well-dressed and confident in your appearance can have a positive impact on user overall well-being.
The importance user gives providing highly personalised recommendations based on user data and preferences.
Key Learnings from Interviews: Crafting Themes and Pain Points
After the competitive analysis, I interviewed various styling enthusiasts, including personal shoppers, and everyday users, to gain deeper insights into their needs and preferences.
Interview
After sorting out important insights from the interviews, I used empathy mapping to better understand how users feel and what they want. This helped me design a styling app that meets their needs and addresses their frustrations and desires.
Understanding User Feelings and Thoughts
Empathy Mapping
Using empathy mapping to understand users' feelings and desires, I created detailed personas that reflect various user needs and behaviours. This guided my design direction to an effective styling app.
Based on each HMW (How Might We) problem I identified, I developed corresponding features. During the brainstorming stage, to generate more ideas, I highlighted potential reverse ideas and how to address them.
Additionally, I considered some constraints the project might encounter and proposed solutions to overcome them.
Persona
Ideated Features
MELISSA WALTER
Age : 29
Location: New York City
Occupation: Marketing Manager
Income : $75,000 Annually
Marital Status : Single
About
Technology Use
Melissa is a busy marketing manager at a mid-sized tech company in New York City. She loves the dynamic and fast-paced nature of her job, but it often leaves her with little time to focus on herself. Mellisa has a vibrant social life and frequently attends events, both for work and leisure. She values personal appearance and believes that dressing well is key to making a good impression both professionally and socially.
Goals
To feel confident and appropriately dressed for various occasions without spending too much time deciding on an outfit.
To receive personalised fashion advice that aligns with her style preferences.
To have a streamlined process for planning outfits and shopping for clothes.
Behaviour
Spends a significant amount of time browsing social media for fashion inspiration, following influencers and fashion brands.
Values comfort and fit highly when choosing outfits.
Regularly seeks fashion advice and uses style recommendation services.
Challenges
Struggles with deciding what to wear each day, often taking 30 minutes or more.
Feels unsure about how to mix and match pieces to create cohesive looks.
Finds it challenging to dress for social events and parties, wanting to balance comfort and style.
Needs
A personalised fashion and styling service that helps her quickly decide on outfits.
Tools for wardrobe management and outfit planning to save time.
Style recommendations that consider her body type, personal preferences, and occasion.
Desktop
Mobile
Tabs
Walk in store