Duration
March 2022 - May 2022
Team
Myself, Anna Sharfman, Cristian Lopz, Katherine Cimini
Tools
Figma, Adobe Illustrator
RecycleFund is an app to motivate neighborhoods of Los Angeles and surrounding areas to recycle more.
Christine needs a way to find recycling centers because she wants to improve the environment and earn cash for items she no longer uses.
We believe that by developing an app that will help locate recycling centers with a reward system for people that recycle, we will achieve getting more people motivated to recycle. We will know this to be true when we see an increase in the data on the number of people that went to their nearby recycling location.
As the experienced designer for this project, I was responsible for both strategies and visual design.
Christine needs a way to find recycling centers because she wants to improve the environment and earn cash for items she no longer uses.
Questions
1. Do you recycle? If so, how often?
2. Do you get money from recycling? If so, how much on average?
3. Why do choose to recycle?
4. What would make you recycle more often?
5. Is recycling more of a chore to you or something you enjoy?
Key insights derived from the interviews
A survey was conducted using qualtrics with 65 people to identify how often, why and if they have some knowledge on how to recycle.
out of 65 people are in agreement that they recycle often.
out of 65 people are in a disagreement that they know of locations to go to recycle electronics (batteries, old TVs, etc.)
out of 65 people are influenced to recycle because they want to help the environment.
Key insights derived from the interviews
With a competitive analysis, we can establish what makes our product or service unique.
Creating personas helps to understand who our product’s users are, what their goals and frustrations are, and for what purposes they will use the product. The result should be believable people with their own experiences and values.
To outline all necessary functionality I created a simplified flow diagram of the main tasks the user can do.
Once the user flow was complete, I started by defining the typography, color, icons, illustrations, and buttons.
Once I organized all my insights from the define phase, I began to build my mid-fidelity wireframes, using my user flow and style tile as a guide.
.png)
.png)
.png)
%20giftcard)_neww.png)
Here are some of the final design screens.
These screens provide a short guide for the new user about the app’s features. It is important to show the users the key functions and their descriptions.
Users can sign in to their account if they are already registered or they can also sign up if they don't have an account.
Users can read tips on how to recycle.
These screens provide a short guide for the new user aboThe user can edit their profile information. They will also be able to add their payment method, allow notifications, and get support.
The QR code is for the recycling location to scan, so the user can receive their points or the user can also scan the QR code that's on their receipt after they recycled their items.ut the app’s features. It is important to show the users the key functions and their descriptions.
Waste CategoriesUsers can search for an item that they want to recycle to find the nearest location that accepts that item. Then, after the items are recycled, they will receive points for rewards.
With the reward system of points and rewards, the user has more motivation to engage in recycling more often. This whole process is more like a game.
After the visual design was completed we tested the prototype with 5 people to see how user-friendly the app is. The test was conducted over Zoom video calls where the participants were given the following tasks while we observed how thy navigated through the app.
Tasks
1. Can you find tips about knowing your plastics?
2. Can you find a recycling center that accepts car batteries?
3. Can you add your credit card to your Profile?
4. Can you redeem your points in Rewards as cash back with the option of 1-3 business days?
Suggestions to make the experience better
The suggestions from the usability testing were considered and the following changes were made.
Changed the design of the reward bar to be more detailed. The new bar shows different sections of each 100 points, so the users can see how far they are from reaching the next 100 points.
Removed the back arrow since the user can’t go back after redeeming their points. Added a new button that says “My Activity,” so the user can go to the main screen that shows their activity of the items that they recycled. The users won’t also be able to click on the “Redeem Points” button because they have no points to redeem.
Added more space in between the heart and share buttons, so they are not too close to each other and the user won’t have trouble pressing one button. I also moved up the body text and left-aligned the title.
