Feeling Full LA Case Study
Uniting local communities to combat hunger
Minimizing food waste while fighting hunger by connecting local businesses to community volunteers to redistribute surplus food.
Teammate
Sarah Huang, UX Designer
Role
UX Designer & Web Developer
Timeline
4 weeks
Toolbox
Figma, Webflow, Discord
Introduction
What is Feeling Full LA?
Feeling Full LA (FFLA) is a non-profit organization of volunteers, based in Los Angeles, that takes leftover foods from local businesses and delivers them to those in need.
As an up-and-coming organization, their growing needs require them to build out their public presence and continue to scale their network. I collaborated with FFLA to design a website that meets their goals and develop it towards implementation.
Project Goals
The 3 main wants for a website redesign.
Update visual components in Webflow to reflect new visual branding
Rewrite content to communicate their organization mission
Provide contact forms for prospective volunteers and sponsors
Competitive Analysis Research
Looking at 3 other Non-profit websites.
A Christian NPO that provides food, medicine, shelter, and more to the poor in Latin America and the Caribbean.
A nationwide network of more than 200 food banks that feed more than 46 million people through food pantries, soup kitchens, shelters, and more.
An anti-hunger NPO delivering food and other critical resources to children and families focused on alleviating childhood hunger.
Research Insights
Our 2 main research findings.
1.Visuals are key players in creating an emotional impact.
Like other NPOs, using images of FFLA in action will help establish legitimacy for new site visitors.
2. Creating many options for connection.
These NPOs also offer a variety of contribution options to visitors, aiming to provide flexibility and freedom in their donations. A drawback to this approach is overwhelming new users by presenting a substantial amount of content at once.
Our 3 main focus areas for the redesign.
By understanding FFLA and similar NPOs, we identified both effective practices to adopt and the distinctive qualities that set FFLA apart.
Fostering community
FFLA is born out of the businesses they partner with and communities they serve locally, and we want to showcase and create ways for their community to grow.
Bringing in visuals
Like other NPOs, we want to focus on using images of FFLA in action to help establish legitimacy for new site visitors and potential partners.
Showcasing metrics
What makes FFLA so effective is how direct their operation and impacts are and that’s something we want to communicate on the redesign.
The Solution.
Happy Heroes
The hero sections not only establish validity through images of their volunteers in action but also meet their goal of incorporating their new branding.
By building with a more playful style, FFLA set themselves apart from the corporate-like NPOs while still building validity.
Easy Choices
Visitors are offered the three simple ways that FFLA supports their communities. All options contribute towards their goal of building their network of supporters and avoid the content overload found on other NPO pages.
Takeaways
What did I learn?
Check For Contrast
When implementing the website, I found that the colors used were not contrast-friendly. A lesson for the future, ensuring that the color combinations that I intend to use are accessible is a step for the beginning of the process.
Developer Empathy
My first time building a website from scratch, I learned a great deal about how developers work and how to make their job easier. This first hand experience changed the way I handoff my work.