MODE
Your Ultimate Fashion Assistant App
MODE
A Fashion Assistant platform
Mode is an app designed to assist fashion enthusiast in staying up-to date with latest fashion trends.
​
This platform aims to empower people to express their unique style confidently and discover outfit inspiration and receive guidance how to in cooperate these into their personal daily life style.
Timeline
3 Weeks
(March 2024)
Tools Used
Figma
Notion & Photoshop
My Roles
UX Design , UI design , Brand Design and UX Research
Problem Statement
Mode helps users of all ages choose outfits based on their personal choices and promotes body positivity. This app recognizes the teenagers and young adults that are particularly vulnerable to body dissatisfaction and self doubt. Mode addresses this pervasive issue of body dissatisfaction and no self-esteem by creating a safe and supportive community that enables anonymous peer connection and personalized fashion recommendations, there by empowering them to build confidence and develop a more positive body image .
The key problem Mode addresses is providing personalized outfit suggestions and a supportive inclusive atmosphere for all users .
​
​
Objectives
Enhancing User experience
-
Designing an User-friendly interface that caters to users of all ages and backgrounds, prioritizing accessibility , inclusivity and ease of use .
Fostering Community
Engagement
-
Foster a sense of community and belonging among users through interactive features such as style challenges , virtual styling sessions , encouraging collaboration , creativity and mutual support.
Body Positivity Content
-
​The app primarily focuses on promoting body positivity and self confidence . Additionally this app allows users to select outfits tailored to their body type , providing a temporary boost of self-assurance.
AI Assistance
-
BotPal : I have integrated a unique feature that enables users to connect anonymously encouraging open dialogue and confidence building and also helps users to embrace their natural beauty by suggesting outfits tailored to their body type .
AI Smith : Works like an assistant , helping you choose and match outfits .
Research
User requirements were studied with secondary research methods . User Personas and Pain Points were identified based on target audience and their needs . User Research methods like user journey maps , opportunities and Site maps were recorded.
Ideating and Iterating on wireframes was done to improve user experience . Prototyping these ideas according to user case studies and requirements led to the final designs of the platform.
User Pain Points
Difficulty in finding
fashion inspiration
Many users are struggling to find a reliable fashion inspiration and feel overwhelmed by the vast amount of online content
Lack of confidence in personal styling
Users may lack confidence in styling outfits that flatter their body type , feeling self-conscious and anxious about making fashion choices perceived as ‘wrong’ or 'unfashionable’.
Body Image
Concerns
Users struggling with body dysmorphia may impact their confidence in fashion. They may avoid experimenting with styles due to fears of not fitting
societal beauty standards.
Social Comparison and pressures
Teenagers and young adults may feel pressured by social media to keep up with fashion trends , leading to insecurity and low self-esteem if they can’t find trendy clothing or accessories .
User Personas
“I want to express myself authentically through my clothing , regardless of social expectations or stereotypes. “
Goals
Explore diverse and inclusive fashion options that align with his gender identity.
Feels confident and comfortable while expressing his unique style
Promote more representation and visibility of gender-diverse individuals in the fashion industry.
Frustrations
Limited options for gender-inclusive clothing in mainstream fashion media
Struggling to find clothing that fits well and flatters his body type .
Lack of gender-diverse representation in fashion campaigns and ads.
Ben Jordan
Age
Occupation
Location
22
Animator
Los Angeles
Problem Statement
Jordan , a 22-year old Animator , struggles to find fashion inspiration that aligns with his gender identity and personal style .
He often feels limited by traditional gender norms and wants to explore more diverse and inclusive fashion options .
“I want to look stylish and put-together without spending hours shopping or breaking the bank. “
Goals
Stay informed about current fashion trends and styles.
Feel confident and polished in her appearance , both at work and in her personal life .
Connect with a community of fashion enthusiast who understand the challenges of balancing work and style .
Frustrations
Lack of time to shop for new clothing or stay updated on the latest trends .
Limited options for work-appropriate clothing that fits her personal style .
Feeling over-whelmed by the constant pressure to look stylish and put-together .
Emily Chen
Age
Occupation
Location
30
Marketing
Delhi, India
Problem Statement
Emily , a 30-year old working professional , struggles to balance her love for fashion with her busy lifestyle and limited budget . She wants to stay on top of the latest trends but often finds herself over-whelmed by the demands of her job and other responsibilities.
User Journey Map
The User journey map for Ben Jordan was recorded.
Goal :
Is to understand fashion-related challenges and emotional journey, identifying opportunities to enhance inclusivity , representation and overall user experience.
Site Map
A site map for this app help users to navigate the content efficiently ensuring a seamless interaction.
It is organized in a structured way.
Wireframes
During Ideation , I created paper wireframes , refined them to low-fidelity wireframes and iterated for better accessibility and use .
Low Fidelity Prototypes
These low-fidelity prototypes serve as a starting point for understanding the layout and user flow within the Mode app, making it easier to identify necessary changes before moving on to high-fidelity designs.
Style Guide - Colors & Typography
Mode, meaning fashion and in style, uses a style guide that defines its brand's voice by making a bold fashion statement. The app is designed in a dark mode setting and features sans-serif typography. Warm colors are used, and the icons and components are simple, modern, with rounded designs. The layout follows a clear grid system with consistent spacing. The overall tone resonates with a sense of boldness and self-assurance in fashion and style.
View Prototype
High Fidelity Prototypes
Onboarding Screen guiding users on personal style recommendations and choosing the styling preferences.
ONBOARDING SCREEN
Users get three types of options to plan their outfits . They can select and style according to their preferences.
BROWSING STYLES
Users wanting to explore and browse styles, are led to these screens that showcase various styling ideas and options to discover and personalize their fashion choices .
You can browse various styles and clothing types and get ideas too.
Creators can turn their passion into profit . The app enables them to tap into affiliate marketing , generating income from their content and creations .
The app allows the users to choose and plan outfit effortlessly with a variety of options, ensuring one to find the perfect look for any occasion .
CHOOSING STYLES
you can choose to plan outfits with creators and match outfits using combination clothing advice.
CONNECTING VIRTUALLY
Users can make use of an Assistance as a guide and in closet fashion stylist .
Asking Smith to match and choose outfit for the day.
Scanning outfit to get matching combinations
Bot Pal an integrated feature enabling users to connect anonymously encouraging open dialogues and also suggesting outfits.
PROFILE AND MESSAGING
You can easily update your profile, post engaging content, and track your community's growth - everything you need to showcase your online presence.
Join the fashion conversation! Find friends who share your style sensibilities, and receive notifications to stay connected with the latest fashion buzz .
Reflections and Next steps
Mode has provided deep insights into the fashion challenges faced by the gender-diverse individuals . The iterative design process ensured a user-centric , inclusive and body-positive solution.
​
The next step will include User testing to gather detailed feedback on the app’s functionality , usability and overall experience of the app . This testing will involve a diverse group of users to ensure the app meets the needs of its target audience .
Based on the feedback , the adjustments and improvements will be made to refine the app further .
