Styler
Tailored Styling Hub
Mobile App design
Team:
Role:
(Personal Project)
Product Designer
Styler
Tailored Styling Hub
Mobile App design
Styler
Tailored Styling Hub
Mobile App design
Team:
Role:
(Personal Project)
Product Designer
Styler
Tailored Styling Hub
Mobile App design
INTRODUCTION
INTRODUCTION
INTRODUCTION
"Styler" is solving the problem of ill-fitting clothing when shopping online by building an online styling hub, where users can share and find styling inspiration based on body measurements.
"Styler" is solving the problem of ill-fitting clothing when shopping online by building an online styling hub, where users can share and find styling inspiration based on body measurements.
DETAILED DESIGN
From Inspiration to Connection
With further refinement and perfection done, here below is the final deign.
🟠 Exploring Styling with Surprise & Tailoring Inspiration
Discover the latest trends and find your perfect style! Explore a variety of styling inspirations, or head to the search page for something more specific. Use keywords and inclusive filters—like styles, categories, materials, body measurements, and price—to tailor your search and find exactly what you’re looking for.
🟠 Sharing & Getting Advice
Share your style and get feedback! Upload your outfit photos and choose to include your body measurements for more accurate feedback, or keep it private—it's up to you. Share your styling ideas or ask the community for advice, and receive feedback through direct messages or comments.
Enter your body measurements for accurate feedback (Optional)
Preview the post before you publish it.
THE START
Why is Buying Clothes So Complicated?
Why is Buying Clothes So Complicated?
I’m a fashion enthusiast, but finding the affordable clothing that matches my expectation is so challenging. For the most of the time, I shop online due to the convenience, but it’s difficult to visualize how items will look on myself, leading to unrealistic expectations. For physical stores, the variety is often limited, and shopping in person can be time-consuming and expensive.
Then I decided to dive into the problems and craft a possible solution... ...
I’m a fashion enthusiast, but finding the affordable clothing that matches my expectation is so challenging. For the most of the time, I shop online due to the convenience, but it’s difficult to visualize how items will look on myself, leading to unrealistic expectations. For physical stores, the variety is often limited, and shopping in person can be time-consuming and expensive.
Then I decided to dive into the problems and craft a possible solution... ...
🥲
MY ROLE & PROCESS
From Insight to Innovation
From Insight to Innovation
In this project, I took on the role of a product designer, starting from identifying a problem. I conducted user research to deeply understand the target audience. Using these insights, I developed and refined a solution, resulting in a user-centered product that effectively address the identified needs.
In this project, I took on the role of a product designer, starting from identifying a problem. I conducted user research to deeply understand the target audience. Using these insights, I developed and refined a solution, resulting in a user-centered product that effectively address the identified needs.
DISCOVERY
What Matters Most in Fashion Shopping?
What Matters Most in Fashion Shopping?
To better understand the challenges faced by shoppers, surveys and interviews were conducted, which revealed several key insights:
To better understand the challenges faced by shoppers, surveys and interviews were conducted, which revealed several key insights:
🛍️ Online shopping preferred, but it falls expectations
🛍️ Online shopping preferred, but it falls expectations
Limited variety, time, and money commitments make many users prefer online shopping over visiting physical stores.
However, online stores often lack diverse body representation, making it hard for users to visualize fit, leading to ill-fitting or unsatisfactory purchases.
Limited variety, time, and money commitments make many users prefer online shopping over visiting physical stores.
However, online stores often lack diverse body representation, making it hard for users to visualize fit, leading to ill-fitting or unsatisfactory purchases.
🤨 Diverse representation and real feedback wanted
🤨 Diverse representation and real feedback wanted
Before making a purchase, participants prefer:
Before making a purchase, participants prefer:
27.4%
27.4%
Physically try on
Physically try on
24.2%
24.2%
Pictures of clothes on diverse models of different body types and backgrounds
Pictures of clothes on diverse models of different body types and backgrounds
21%
21%
Customer reviews with photos
Customer reviews with photos
"
It's very important for me to see photos products on diverse models, because most sellers' models choose the smallest sizes that always look good on them, but not on me.
It's very important for me to see photos products on diverse models, because most sellers' models choose the smallest sizes that always look good on them, but not on me.
—— Panpan
—— Panpan
"
💰 Challenges: Limited budgets and lack of styling inspiration
💰 Challenges: Limited budgets and lack of styling inspiration
The main challenge for both online and in-store shopping is limited budgets, followed by a lack of styling ideas and time.
The main challenge for both online and in-store shopping is limited budgets, followed by a lack of styling ideas and time.
📱 Social media prevails, but lacks efficiency
📱 Social media prevails, but lacks efficiency
88.5% of participants are likely to seek advice or inspiration for dressing from an online community.
Social media plays a big role, but influencer recommendations are often expensive and unrealistic for their budgets.
88.5% of participants are likely to seek advice or inspiration for dressing from an online community.
Social media plays a big role, but influencer recommendations are often expensive and unrealistic for their budgets.
"
Social media platforms like Instagram, tailor content to my preferences. But they often lack price and size information.
Social media platforms like Instagram, tailor content to my preferences. But they often lack price and size information.
—— Mandy
—— Mandy
"
THE PROBLEM
The Fit Dilemma in Online Fashion Shopping
The Fit Dilemma in Online Fashion Shopping
Online shoppers often struggle to find clothes that fit and match their style due to unrealistic images and a lack of diverse body representation. This makes it hard to visualize the fit, leading to poor purchases. Solving this could significantly improve the online shopping experience.
Online shoppers often struggle to find clothes that fit and match their style due to unrealistic images and a lack of diverse body representation. This makes it hard to visualize the fit, leading to poor purchases. Solving this could significantly improve the online shopping experience.
How might we help fashion enthusiasts get clothing that fit well and matches their style online?
How might we help fashion enthusiasts get clothing that fit well and matches their style online?
IDEATION & FRAMEWORK
Bridging the Gap: Real Fit, Real Feedback, Real Value
Bridging the Gap: Real Fit, Real Feedback, Real Value
Drawing from the challenges of size, price, and inspiration in online shopping, I began exploring solutions. Virtual fitting rooms and AI recommendations tackle fit but remain inaccessible to many. Discount platforms address affordability but lack personalization. Styling tips and professional advice provide guidance but fall short on interactivity.
Drawing from the challenges of size, price, and inspiration in online shopping, I began exploring solutions. Virtual fitting rooms and AI recommendations tackle fit but remain inaccessible to many. Discount platforms address affordability but lack personalization. Styling tips and professional advice provide guidance but fall short on interactivity.
Solution Selection: Online styling community
Solution Selection: Online styling community
Solution Selection: Online styling community
Real Representation:
Users share outfit photos with size, brand, and measurements, addressing the lack of diverse visuals.
Affordability & Sustainability:
A second-hand marketplace lets users exchange or sell clothes that don’t fit.
Interactive Inspiration:
Peer-driven feedback and styling advice foster engagement, making it relatable and budget-friendly.
Real Representation:
Users share outfit photos with size, brand, and measurements, addressing the lack of diverse visuals.
Affordability & Sustainability:
A second-hand marketplace lets users exchange or sell clothes that don’t fit.
Interactive Inspiration:
Peer-driven feedback and styling advice foster engagement, making it relatable and budget-friendly.
REFINEMENT
Streamlining Features for Better Fit, Clarity, and Interaction
Streamlining Features for Better Fit, Clarity, and Interaction
After wireframes were built, I conducted tests to verify the effectiveness of the solution and usability of the prototype.
After wireframes were built, I conducted tests to verify the effectiveness of the solution and usability of the prototype.
Key insights learned from the test:
Key insights learned from the test:
Feature 1: Online Fashion Community
Users showed strong interest in the online fashion community, recognizing its potential to help them find suitable clothing by referencing individuals with similar body types.
However, concerns about privacy related to sharing body measurements emerged. Besides, the feature's success depends on a large, active user base sharing high-quality content, ensuring users can find relatable examples and maintain engagement.
Feature 1: Online Fashion Community
Users showed strong interest in the online fashion community, recognizing its potential to help them find suitable clothing by referencing individuals with similar body types.
However, concerns about privacy related to sharing body measurements emerged. Besides, the feature's success depends on a large, active user base sharing high-quality content, ensuring users can find relatable examples and maintain engagement.
Feature 2: Second-hand Market
The test revealed low familiarity and engagement with second-hand purchases. Users typically keep or give away unfit clothes rather than reselling them. Additionally, incorporating a marketplace risked insincere content, such as self-promotion, which conflicted with user expectations.
Feature 2: Second-hand Market
The test revealed low familiarity and engagement with second-hand purchases. Users typically keep or give away unfit clothes rather than reselling them. Additionally, incorporating a marketplace risked insincere content, such as self-promotion, which conflicted with user expectations.
⭕
⭕
⭕
⭕
⭕
⭕
DETAILED DESIGN
From Inspiration to Connection
From Inspiration to Connection
With further refinement and perfection done, here below is the final deign.
With further refinement and perfection done, here below is the final deign.
🟠 Exploring Styling with Surprise & Tailoring Inspiration
🟠 Exploring Styling with Surprise & Tailoring Inspiration
Discover the latest trends and find your perfect style! Explore a variety of styling inspirations, or head to the search page for something more specific. Use keywords and inclusive filters—like styles, categories, materials, body measurements, and price—to tailor your search and find exactly what you’re looking for.
Discover the latest trends and find your perfect style! Explore a variety of styling inspirations, or head to the search page for something more specific. Use keywords and inclusive filters—like styles, categories, materials, body measurements, and price—to tailor your search and find exactly what you’re looking for.
🟠 Sharing & Getting Advice
🟠 Sharing & Getting Advice
Share your style and get feedback! Upload your outfit photos and choose to include your body measurements for more accurate feedback, or keep it private—it's up to you. Share your styling ideas or ask the community for advice, and receive feedback through direct messages or comments.
Share your style and get feedback! Upload your outfit photos and choose to include your body measurements for more accurate feedback, or keep it private—it's up to you. Share your styling ideas or ask the community for advice, and receive feedback through direct messages or comments.
Enter your body measurements for accurate feedback (Optional)
Preview the post before you publish it.
IMPACT & REFLECTION
Enhance Online Shopping Experience
Enhance Online Shopping Experience
The solution crafted in the project is definitely not perfect, especially with concerns and risks identified. But this design has the potential to transform the online shopping experience by bridging the gap between static product images and real-life styling examples.
The solution crafted in the project is definitely not perfect, especially with concerns and risks identified. But this design has the potential to transform the online shopping experience by bridging the gap between static product images and real-life styling examples.
To minimize risks, I crafted next steps:
Address Privacy Concerns:
Conduct user interviews or surveys to understand the specific privacy concerns users have about sharing photos and body measurements.
Encourage User Engagement and Content Creation:
Develop a strategy to build a large, active user base by incentivizing content creation. For example, introduce gamification (badges, rewards) or spotlight popular contributors.
Validate Content Quality and Relevance:
Explore diverse ways of post display. Regularly collect user feedback on the usefulness of posts.
Iterate on the Product Vision:
Consider refining the app's positioning to emphasize its role as a reference tool for online clothing shopping, since it is not a solution to the fit dilemma as direct as solutions like AR fitting room.
To minimize risks, I crafted next steps:
Address Privacy Concerns:
Conduct user interviews or surveys to understand the specific privacy concerns users have about sharing photos and body measurements.
Encourage User Engagement and Content Creation:
Develop a strategy to build a large, active user base by incentivizing content creation. For example, introduce gamification (badges, rewards) or spotlight popular contributors.
Validate Content Quality and Relevance:
Explore diverse ways of post display. Regularly collect user feedback on the usefulness of posts.
Iterate on the Product Vision:
Consider refining the app's positioning to emphasize its role as a reference tool for online clothing shopping, since it is not a solution to the fit dilemma as direct as solutions like AR fitting room.
