Fridges & Family Redesign
Creating a responsive website redesign of the non-profit site Fridges and Family.
Overview
The problem: Fridges & Family’s website isn’t meeting the standards of giving clear information about who they are and what they do, how to contact them, and why someone should get involved with the organization which is causing them to potentially lose out on donations and volunteers along with general community engagement.
​
The solution: We believe creating a more functional & interactive website, that also showcases their story & the need to support Fridges & Family, will move potential contributors to donating money & other resources.
Role & Tools
Role: Dahana Jean (UX Researcher, UI Designer, prototyping & Testing)
Team: Jenee Williams, May Elizabeth, Sheena Khan
Project type: nonprofit redesign
Duration: Two weeks
Tools: Figma, InVision, Miro, Pinterest, Adobe Spark, Trello, Google Survey
Research
For User interface analysis & research we created a proto- persona, based on a student that’s looking for volunteering hours, and the struggles they faced to find information on how to go about that. We also conducted interviews, and came up with survey questions based on volunteering. We created a user flow, where we showed one particular user flow of a user, making a donation.
​
This user path represents the way a user would find the “About” page & make a donation:
Click on “About” from top navigation. Click on one of the three “Donate” buttons.
This user path represents the way a user would find the “About” page & make a donation.
Proto-Persona
Surveys
How often do you volunteer time in your community?
In what ways do you prefer to donate?
This user path represents the way a user would find the “About” page & make a donation.
Style guide
Affinity Diagram
Definition & Ideation
As for developing the design and style of the sites, we wanted to keep the logo of the sites, and work on finding color themes that would work with the logo color. For feature prioritization, features that we deemed as low complexity yet high impact seemed to mostly center around a lot of “I Wish” statements of being able to have easier ways to locate direct information about the organization, contacting the owners, and the full donation cycle.
We decided to focus on 3 Key Features:
-
Homepage Navigation
-
Volunteer Login/Sign-up
-
Donation
Feature Prioritization
prototyping
Based on the problems that were identified, we worked toward addressing these pain points that users were experiencing, by coming up with potential solutions.
-
Making call to actions buttons easily seen and available; such as donation button, how to get involved button
-
Creating a section addressing who, and what the organization does.
-
Establishing clearer form of navigation menu
-
Adding contact information & social bar
user testing & outcomes
User testing during this phase showed us changes we needed to make across our desktop & mobile prototypes. The major things that were pointed out are: bring down top navigation so its fully viewable, minimizing using social media in different places across the site, less confusing ways to close out drop down menus, and an increase in font size.
During our final round of testing, users highlighted their love for the overall color & aesthetic of our redesign. And pointed out some minor changes that would help with the overall flow of the site. We removed a few drop downs from the navigation and also added in necessary information to help users know where to go. And made sure donation options and buttons were consistent across the desktop and mobile version of our site.
Conclusion & future Opportunities
Upon initially viewing the website, it was apparent that there were issues with how information was presented and that it might be negatively impacting the organization. Through research, we learned that users always look for the purpose and what the organization does first, & what mattered the most to the organization's stakeholders. This project taught us a lot about the importance of implementing design choices based on what the users need, not what we think the users would like to see. We redesigned the site in a way that integrated the needs of both sides while also keeping the original brand of Fridges & Family.
In the future, we would all like to see further expansion of certain portions of the site such as: videos showcasing what volunteers are doing, more information about the owners and their inspiration, highlighted media coverage of their community impact, and of course our design used across their site.
Clickable Prototype
Mobile and Desktop clickable prototype to go through
Powerpoint
you can view the powerpoint to see additional work
More Works
Department of Education
How do I find information easilly on the site?
BookFlip
How do I exchange books that I won’t read no more to new books?