Savvy.
Sustainable Fashion App and responsive website
Savvy is an organisation focused on sustainable fashion. They need a tool that helps people to create a sustainable wardrobe. Savvy primary target users include college students and adults who would like to learn more about what they can do to reduce the pollution caused by fast fashion.
Project overview
The problem:
The fashion industry is the second largest polluter in the world just after the oil industry. Also most of our clothes are made in countries in which workers’ rights are limited or non-existent. However, there are solutions and alternatives to mitigate these problems. The first step lies in building awareness and willingness to change.
The goal:
Design an app that will improve education on the topic of sustainable fashion and help people to create a sustainable wardrobe.
My role:
UX/UI designer
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs, determining information architecture and responsive design.
User research
I conducted interviews and created empathy maps to understand the users I’m designing for and what they think about the sustainable fashion. Most interview participants reported feeling badly about all the fashion problems, but they didn’t actively try to reduce their fashion impact. The feedback received through research made it very clear that users would be open and willing to work towards for a more sustainable fashion, but most of them wouldn't know how to do it and think sustainable products are too expensive.
Users Personas
User journey map
Mapping Sarah user journey revealed how important it is to have the ability to save favorite brands to be able to compare them.
Paper wireframes
Next i sketched out paper wireframe for the Savvy App.
Starting the App design
Digital wireframes
After ideating and drafting some paper wireframes, I created the initial designs for the Savvy App. These designs focused on the fast possibility to search for all sustainable brands in the market.
Low-fidelity prototype
To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of the searching for a sustainable brand.
Usability study: findings
1 - PRICE INDICATION
Users would like an estimate of the prices of the brands
2 - FILTERS
Users need a search system based on filters such as product categories or brand values
3 - OFFERS
Users would like to have access to a section with offers
Based on the insights from the usability studies, I added the filters and the indication of the prices of the brands.
I have also added a section with the various offers of brad and given the popular demand, I have added the possibility of accessing them directly from the menu below.
High-fidelity prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
Responsive design
Sitemap
With the app designs completed, I started work on designing the responsive website. I used the Savvy sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.
The designs for screen size variation included mobile, tablet, and desktop.
I optimized the designs to fit specific user needs of each device and screen size.
Responsive design
IMPACT
Users shared that the app made Savvy makes it much easier to search for sustainable brands based on your budget and offers easy access to all the information on sustainable fashion.
Takeaways
WHAT I LEARNED
I learned that the application and the site can have different functions and therefore it is necessary to adapt the design and the organization of content to be able to satisfy the needs of the users.
it was also interesting to design a brand evaluation system that provided all the most useful information to allow users to make the most sustainable choice.