A digital application that guides users to sustainable fashion stores that matches their preferences and shows the impact of their sustainable purchases.
September – February 2020 · 16 Weeks
Together with the team
Research and concept design · 8 weeks
Detailed design and iterations · 8 weeks
Research · facilitation · concept design · interaction design · visual design · motion design · prototyping · user-testing.
Consumers have become so accustomed to the cheap prices of “Fast Fashion”, that they have trouble understanding why they should pay more for clothing. The buying behaviour creates a vicious circle with a problem that is affecting manufacturers in clothing factories and the environment.
WellSpent guides and lowers the threshold of finding sustainable fashion stores which match consumers their shopping preferences.
The app makes a donation to an ethical fashion cause with each purchase—allowing the users to feel more competent in their sustainable behaviour. Users can easily contribute to making a positive and sustainable impact on the world, and for a more ethical fashion industry.
1. Filter Sustainable Stores
Users can filter for sustainable brands based on their preferences and context (time, distance, budget, categories, brands, opening times) for more meaningful store results and suggestions.
This helps to lowers the threshold to find a store that fit’s the users preferences and context.
2. Registering Purchases
Users can register a sustainable purchase with a QR code by a store employee. *WellSpent donates money to partner foundations that strive for sustainablility after every registration.
*A percentage of a service fee that is paid by partner stores
3. Seeing Impact
WellSpent keeps people updated about the donations and amplifies their impact. The goal of this is to focus on intrinsic rewards and to make sure the user feels competent and fulfilled with their sustainable purchases.
Through prior desk research we discovered that millennials consume the most fashion. We decided to frame our challenge on this group and interview them. Based on our (20+-) interviews we identified three types of millennial fashion consumers:
Insights about this target group:
1. They think all sustainable fashion is expensive (unaccessible)
They currently think sustainable clothes are unaccessible for them since they don’t know any cheap and fast options to buy them.
2. They want to shop sustainably without too much effort
Consumers feel like finding a sustainable store that matches their preferences/context is too much of an effort. It’s difficult to get started and they don’t really know how.
3.Consumers are intrinsically motivated to shop more ethical fashion because it makes them feel good.
Buying fast fashion gives them feel guilty and causes cognitive dissonance. They wan’t to have a positive impact but keep falling back in their fast fashion consumption.
According to behavioural psychologists, external rewards have negative results on intrinsic motivation. Intrinsic rewards are more sustainable in this context.
“Design a digital product for millennials that are open to shop more sustainable, which make it easier for them to find sustainable stores based on their personal preferences.
After synthesising our research, we collectively defined our first design challenge to get our creative flow going.
Before we started to ideate, we wanted to make sure to keep theory and research about behavioural change in mind. We ended up choosing the for The Transtheoretical Model of Behavioural Change.
This model is aimed at understanding individuals’ behavioural changes and describes how people dynamically move through five different stages of behavioural change.
We used this as input to develop our concept (see below).
With the help of the sketches we made, we generated multiple concepts with the help of the morphological chart. We generated a complete range of alternative design solutions per user requirement. We used sticky dots to choose 3 concepts as a team.
1. Making public sustainable commitments
We wanted to persuade people with the “commitment & consistency” principle. Starting with small commitments like one single purchase. Users make this commitment on a public space with friends.
2. Search and filter sustainable stores
The user can set shopping preferences based on their budget, location, and fashion style to select a recommended sustainable store that they want to visit and got what they are looking for.
3. Go to the store and purchase a product
People can look up the store location in the app and easily make they way over there (google maps etc.).
4. Register the product upon purchase
Users can scan their personal QR code upon purchase to validate a purchase. This can be done in the physical store at the tills by store employees.
5. See Impact
WellSpent makes a donation after every purchase registration. It keeps people updated about the donations and impact they are causing and makes sure that user feel more/stay competent and fulfilled to buy sustainable products.
Individual work below
The group split up after the concept design phase. I did the detailed design part of this project individually. Everything you see below is all my individual work.
In this project, I’ve tested my design with rapid prototypes and higher fidelity designs. I did this with around 10 test participants in target group, I also did heuristics and feedback sessions with other designers (5+-).
I learned the most with the rapid prototype tests insights from my target audience. It allowed me to make big mistakes early in the prototyping phase.
Rapid prototype test insights
1. A lack of focus and hierarchy confused people
The social aspect of the app should be less important than finding an actual store. The first screen users saw was a social feed with the activity of their friends when they actually expected a screen that helped them with finding a sustainable store.
2. The commitment idea doesn’t add up
The commitment part of the concept was not thought out properly at all. Since the app is all about sustainability, you don’t want to stimulate people to shop an x times to fulfil a commitment (not sustainable). There weren’t that many other sustainable things the app could verify beside registering a purchase. I decided to drop it.
3. The QR code/registration flow was difficult to understand.
Mainly because there was no clear introduction or onboarding in the app.
Letting go of the social aspects
Based on the feedback I knew the commitment aspect wasn’t going to work (Which was input for 8.Activity feed), and not long after I also decided to let go of the other social parts (8. My friends). It didn’t add value and dropping it also made the app way less complex.
Focusing on what’s really important: intrinsic rewards and stores
I changed the hierarchy of the activity feed and explore page to give the app a better focus (see sitemap). This allowed people to directly search for stores from the jump. The activity feed now serves as a feed with activities from good causes and their donations.
1. When I plan on buying new sustainable clothes, I want to be able to filter the available stores in the app, so it can guide me to ‘sustainable’ shops that fit my personal preferences and context.
2. When I’m making a sustainable purchase in a partner store, I want to register these purchases in the app by an employee, so I can proof that I’ve made a sustainable purchase and automatically donate to an ‘ethical fashion’ cause.
3. When I have registered some sustainable purchases automatically made some donations, I want to see how much I impact I’ve had, so I can feel like I have had impact in improving the negative impact of the Fast Fashion industry and stimulated to keep shopping sustainable.
To develop a visual style, I have defined these visual characteristics: Sustainable, Nature, Conversational, Organic and Fun.
After visualising the experience properties, I combined these two into WellSpent mood boards. These mood boards formed the basis for the visual expression in the style guide.
Some outtakes of the style guide.
In the hifi prototype I’ve worked designed the most job stories to meet my MVP specification:
1. The user filters for a sustainable store that fits their preferences so they can find the right store.
This journey is the most important flow to make users shop more sustainably. Users want an easier way to gain knowledge about fun sustainable stores that suit them.
2. The user registers their personal QR code after purchase at the cashier so WellSpent can make a donation for an ethical fashion charity.
If WellSpent earn money, the app must ensure that the purchase has actually been made. This can be done by having an employee scan the QR code in the store after purchasing a sustainable product.
3. The user checks an article from a sustainable charity, that used their funds to finance something that fights for an ethical fashion industry, so the user can feel fulfilled about their sustainable purchase.
I made motion storyboards for multiple interactions to add different narratives trough the app. This one is for the registration flow.
The transform of the QR code to a checkmark provides flow and narrative in the screen. It shows the user the action is completed.The value change in “amount of money raised” happens at the same time in order to relationship with the transformation. This change of value indicates that the numbers change based on actions taken by the user
See the final clickable Marvel prototype below.
In this project I had quite some setbacks in terms of process. During the research phase I made the mistake of wanting to solve too much and not narrowing down my concept enough. People didn’t really understand my focus. Looking back I definitely learned allot from this.
During this project I feel like I went a extra mile in motion design and it definitely payed off. Other than finally naming my sketch layers properly, I feel like I learning to look at my designs more detail/critical after each project. I feel like I’m able to establish deeper relations between objects/pages.