date. 2020 Nov-Dec my roll. UX/UI designer
Mobile App For A Mutual Aid Community Fridge Network
Creation of an app with an easy-to-understand onboarding process so that they can gain and maintain more volunteers.
FREE99FRIDGE
About Free99Fridge
Free99Fridge is an Atlanta-based grassroots organization committed to fighting food insecurity through mutual aid.
Free99Fridge creates a network of community-maintained fridges to provide produce and non-perishable food at no cost to the community.
Free99Fridge started in July 2020 by Latisha Springer and currently relies on Instagram to connect to the Atlanta community to provide information, find volunteers, and grow their community outreach.
Project Overview
.png)
Problem:
Users struggle to understand Free99Fridge’s volunteer and donor needs due to its current structure
Solution:
Creation of an app with an easy-to-understand onboarding process so that they can gain and maintain more volunteers
Our Team:
Christina Pham, Courtney Yapp, Jenn Abrom, Shannon Lee
User experience researchers, User interface designers
Tool Used:
Adobe XD, Miro, Google Drive, Slack, Trello, photos from free99fridge Instagram, unsplash,
Graphic sources designed by Freepik
What We Do
01
User Research
Proto Persona
We created Sally as a proto persona to help drive our conversations while developing our interview plan.
Sally is a local single mom who just found out about free99fridge and is excited to get involved but struggles with finding information about how to start.
Competitor Analysis
We conducted a competitor analysis of other community fridge organizations and food nonprofits to assess how they connect with their audience, coordinate volunteers, and provide information.
User Interview Plan
Our team visited the Korryn fridge to understand this project deeply and to follow them. We dropped off some canned foods and fresh bread in their pantry and organized them. We are impressed that the foods and goods are already well-organized and the area is clean and uplifting.
We tried to contact Latisha (the stakeholder) for a week, but she didn't reply to our email. Amazingly, Courtney could find Latisha when she visited another fridge. Latisha was so to do the full interview, but Courtney had a lucky chance to take a short talk with her. Latisha said someone is already making a website for F99F, but she was open to us continuing the project.
Interview Notes
We conducted 5 interviews with potential volunteers and 4 interviews with fridge sponsors. We asked them about their volunteer experiences and impression from the free99fridge Instagram page.
Objective
-
Who will use the free99fridge site most?
-
Why will they use the free99fridge site?
-
What, if any, information is missing from free99fridge’s Instagram that would be needed on a website?
-
What are the most frequently asked questions about free99fridge?
-
What would you like your website to deliver that Instagram currently does not?
-
What do you do to connect with the local community currently? (How do you reach your audience?)
What User Said?
Affinity Diagram
We categorized our interview sticky notes to demographics, volunteer, donation, preferences, free99fridge, pain points, and features needed.
Key Insights
User Persona
Let's meet Candice. We came up with the user persona with the research we did. She wants to donate and volunteer but she is not sure where to start.
Problem Statement
We have observed that users find it difficult to understand the F99F's volunteer or donor needs and structure which causes them to lose motivation and not complete the volunteering or donating process.
02
Ideation &
Information Architecture
I like, I wish, and What if
F99F website was newly opened, so we decided to design a mobile app for them. We gathered the idea about mobile app features and the need of users.
Value Features Matrix
User Journey Map
We tracked the user experience to register and complete the wellness check for F99F.
03 Design
& Prototyping
Sketch
Based on our user research, we came up with some sketches for the app prototype. The layouts were loosely inspired by the free99fridges.
Lo-Fidelity Prototype
After setting up the groundwork of the app, we designed the interfaces for a lo-fi prototype based on our earlier sketches.
Mid-Fidelity Prototype
Our inspiration drew from having bright accent colors and incorporating white space for a fun, happy feel and look.
UI Style Guide
In keeping with the free99fridge style, we wanted to create a look that was simple, friendly and clean, yet bold and direct with bright accents. The font chosen was a modern and sturdy open sans. Colors were picked from the logo and are fresh, vibrant and bright. Each color defines a different section of the app. In general, buttons, icons and other components are rounded for a friendly look and imagery consists of colorful, dynamic snapshots on-site.
04 Testing
& Hi-fi Prototyping
Guerrilla User Testing Plan
During testing, we wanted to uncover any issues that may happen when using the Free99Fridge mobile app. We conducted 5 different tasks to test interactions within the main areas of the application.
_edited.jpg)
User Testing Results
_edited.jpg)
_edited.jpg)
From testing we discovered that the majority of users were able to navigate through the app without major errors. However, we did gather all the user feedback and made changes especially to filling out a wellness check report and sending a message through the chat feature.
Revised User Flow
Here is the revised user flow after completing usability testing. The modifications we made in signing up for wellness checks, adding a volunteer call to action and allowing users to sign in as guests.
Hi-Fidelity Prototype
05
Outcomes
Future Opportunities
-
Building a responsive web design for mobile, tablet, and desktop screens
-
Researching and developing a tool within the app for the fridge managers, who may have different needs than other volunteers
-
Develop tools to encourage local business support and engagement
-
Provide in-demand items for fridges in real-time
-
Research possible sensor or monitoring tools to support the fridge maintenance
Thank you!
My Works
 |  |  |  |
|---|---|---|---|
 |