WearAware is a comprehensive mobile app designed to help eco-conscious individuals reduce fast fashion consumption by maximizing their current wardrobe utilization and promoting sustainable practices.

Role
UX designer
Timeframe
May - Sep 2024
OVERVIEW

Reimagining eco-friendly fashion practices and reducing fast fashion consumption

College students and young professionals who have recently graduated often purchase clothing from fast fashion brands. On Harvard's campus, I frequently observe many students wearing clothes from brands like Zara and H&M. As environmental concerns become increasingly urgent, the topic of environmental protection has gained significant attention.

Not everyone has the luxury of investing in high-end, durable pieces that often come with higher price tags. However, individuals can make more informed decisions within their budget by being aware of the importance of sustainable production, the use of renewable materials, and the recyclability of clothing.

Besides environmental challenges, promoting eco-friendly practices also has its difficulties.

Lack of knowledge on impact of fast fashion

Although many people are aware of the current challenges on our environment, there is limited understanding of the negative impact of fast fashion on the environment.

Lack on practical guidance for everyday life

People frequently lack guidance on implementing eco-friendly practices in their daily routines.
So the question raises – How might we raise awareness of fast fashion's impact and guide people toward sustainable choices?
Solution highlight

Personalize user experience with carbon footprint tracking, outfit ideas, and energy-saving tips.

Capture an image of an item for real-time analysis of its sustainability impact, usage insights, and related suggestions.

Enable users to organize and visualize their clothing collection, helping plan outfits and track sustainability metrics.

Curate sustainable fashion with promotions to help users shop eco-consciously.

USER RESEARCH

Understanding people's current views on fast fashion

I began with secondary research from literature and industry reports to understand fast fashion's negative impacts, consumer behaviors, and sustainable fashion challenges.

Then I performed a competitor analysis and identified three categories of existing apps: 1) Focusing on sustainable shopping through eco-friendly purchasing, renting, and reselling; 2) Centered on outfit suggestions and wardrobe management; 3) Devoted to environmental science education.

This analysis presented an opportunity to incorporate the good aspects of all three categories.

Insights from the quantitative survey

I sent out a survey to understand people’s perception on fast fashion, and received over 50 responses. More than 75% of the participants are aware of the negative impact of fast fashion, and there are 3 main reasons people buy fast fashion.

Fast fashion are affordable

They offers trendy, affordable clothing, making it accessible to budget-conscious consumers like students and young professionals.

Fast fashion are always on trend

Fast fashion retailers quickly release new styles, letting consumers update their wardrobes often and stay on trend.

Fast fashion offers variety and convenience

Fast fashion brands offer a wide variety of styles and are easily accessible both online and in popular shopping areas.

By understanding the rationale behind consumers' fast fashion purchases, I aim to explore how users can attain a similar level of satisfaction and style through sustainable shopping.

Gaining a deeper understanding of user’s mindset

I interviewed three participants to gain insights into their pain points and needs regarding environmental protection education. I wanted to better understand the challenges they face and what kind of information or support they feel would help them engage more effectively with environmental issues.

Lacking of knowledge about environmental impact

Lacking of awareness about lifecycle of clothing

Expressing interest in guidance on how to help protecting the environment in day-to-day lives

Facing financial constraints in clothing choices

TARGET USER

Defining user profile from the user research

Emily, A senior at New York University
Emily is a soon-to-be NYU graduate currently job hunting. While she knows about the negative impact of fast fashion, she struggles with needing professional clothing and having limited savings as a new graduate.
Her current challenges are:
  • Financial limitations make it hard for her to choose sustainable fashion.

  • She's unsure if the brands she buys from are eco-friendly.

  • There's little information on where to find sustainable clothing.

Her expectations are:
  • Affordable sustainable fashion within her budget.

  • Quick feedback on the environmental impact of her clothing choices.

  • Easy access to information on sustainable fashion options.

IDEATION

Generating ideas and identifying opportunities

With the user's challenges and expectations in mind, I initiated a brainstorming session to devise solutions that effectively address their needs. I developed a 2x2 matrix with the x-axis representing user value and the y-axis indicating business impact. This process enabled me to identify the top four features to prioritize: exposing the hidden costs of clothing, accessing the fashion footprint, providing tangible feedback, and visualizing the impact on fast fashion clothing.

Organizing content hierarchy with information architecture

With the key features and problem statement in hand, I developed the information architecture to establish a clear content hierarchy and navigation structure. I then started conceptualizing how the content should be presented on the screen to effectively link users with the features and functionalities aimed at promoting sustainable practices.

DESIGN

Visualizing information hierarchy and navigation

Guided by the information architecture, I identified crucial screens within the wireframe to improve user navigation and interface design. Core features such as digital wardrobe management, sustainability tracking, and educational resources are thoughtfully integrated to create an intuitive and engaging user experience.

IDEATION

Iterating based on real user feedback

More guidance to the real-time analysis report

I tested the wireframes with four user research participants to gather feedback, and the results were overall positive. Users appreciated the variety of features, especially the real-time sustainability report, which they can access anytime and anywhere, even while they're on the move. They also loved the digital wardrobe, appreciating how it highlights the most sustainable act will always be not purchasing things they don’t need. However, they also faced challenges navigating the features.

The current real-time analysis report was confusing for all users, as they struggled to understand how the feature works and what types of images were required. To address this issue, I redesigned the user flow by offering a detailed guide and clarifying which images are encouraged for upload.

Original concept
Iteration from user testing
Add more user actions to the sustainability report

The sustainability report initially included only the "Compare" action button, requiring users to take extra steps if they wanted to add a clothing item to their wardrobe. To simplify the process, I added an "Add to wardrobe" CTA.

DESIGN

Final solutions

Onboarding

Guide users through a personalized setup process by inquiring about their typical clothing occasions and budget range, ensuring a customized app experience that aligns with their fashion needs and financial preferences.

Product Intro
User Preference 1
User Preference 2
Eco-conscious fashion experience

Enable users to enjoy an integrated experience with sustainability tracking and outfit inspiration on the homepage. Users can explore eco-friendly fashion trends and items through an intuitive search function and access a profile page that showcases personal sustainability achievements and analytics.

Homepage
Search Screen
Search Results
Profile
Real-time feedback for eco-conscious shopping

Empower users with instant sustainability analysis even when they are on the go. By taking or uploading images of the clothing item and material label, users could easily access to a detailed sustainability report.

Analysis
Upload Page
Camera Screen
Upload Confirmation
In-depth clothing sustainability insights

As users explore their clothing collection, they receive a detailed assessment of each item, revealing its environmental impact through ratings from the perspectives of planet, people, and animals. They can discover eco-friendly alternatives or compare with a similar item to make informed and eco-conscious decisions.

Sustainability Report
Related Suggestions
Clothes Comparison
Effortless and sustainable wardrobe management

Generate outfit inspirations for users with sustainability ratings through an intuitive digital wardrobe experience. Users can access detailed insights into style and environmental impact and easily add new clothing pieces through simple navigation.

Digital Wardrobe
Wardrobe Details
Item Details
Add New Item
Navigating the sustainable shopping experience with ease

Users embark on an intuitive shopping journey with easily navigable categories and exciting promotions in Discover. They explore eco-friendly selections in the product search, review detailed product descriptions, and connect with the brand's commitment in the sustainability story, all enhancing their eco-conscious shopping experience.

Discover
Product Search
Product Details
Sustainability Story
DESIGN SYSTEM

Creating a style guide

To ensure consistency throughout the mobile app, I developed a style guide that includes color palettes and typography. Given the app's focus on reducing fast fashion, I chose shades of green to evoke environmental consciousness and sustainability. The typography was chosen for its clarity and readability, enhancing the user experience while reinforcing the app's eco-friendly mission.

REFLECTION

My Learnings

Design with purpose

A crucial takeaway was that good design isn’t just about aesthetics; it's about solving real problems. Throughout the WearAware, I focused on practical solutions to users' challenges, such as organizing their wardrobe to optimize use and reduce fast fashion reliance. By incorporating features like sustainability ratings and educational content on eco-friendly practices, I ensured the app not only looked appealing but also provided tangible benefits, empowering users to make informed and sustainable fashion choices.

Gaining insights from user research

Another vital learning was the significance of incorporating user research throughout the design process. By engaging with users through both quantitative and qualitative research, I gained a deeper understanding of what motivates fast fashion purchases. This insight allowed me to identify how similar satisfaction can be achieved through sustainable fashion practices, helping tailor app features to effectively meet user needs and encourage eco-friendly choices.