Georgia Food & Resource Center Website Redesign

Working towards redesigning the GAFRC’s website to help clients, donors, and volunteers solve the issue of food insecurity in their community.
Roles

Ji Li, Nathaniel Higgins, Mel Perry

  • User Experience Designer
  • User Interface Designer
  • Interaction Designer

Deliverables

UX/UI Design:

  • User Testing
  • Site map
  • Personas
  • Style guide
  • Low-fidelity wireframes
  • Hight-fidelity mockups and prototypes
  • Usability tests
  • Mood board
  • Information architecture

Projects Specification

Duration: 3 weeks

Tools:

  • Invision
  • Sketch
  • Google Sheets
  • Google Docs
  • Miro
  • Principle

User Research

Research

Our first step was to perform a deep dive into the Georgia Food & Resource Center’s website. Uncovering every page and every link, we became well versed in what the GAFRC had to offer. We performed a heuristic analysis of the site as a whole to better understand the site’s strengths and weaknesses. We found that the site’s advantage was its simplicity and consistency. This also proved to be its disadvantage as well since the content lacked enough information for anyone to take action.

Finds

The big takeaways were that the GAFRC redesign needs to have clear information hierarchy, provide more detail about their services and food offerings, and showcase their impact on the community.

Problems

  • The Georgia Food & Resource Center’s website was designed to inform their community on their mission and food bank/pantry offerings. We observed that their website wasn’t effectively meeting these goals, which caused confusion regarding the GAFRC’s business and services.

Proposed Solutions

  • Improve the GAFRC’s dissemination of information on their services so that our customers are successful based on an increase in A) food distribution to those in need, B) donations to the organization, and C) volunteer work within the organization.

Proto-Persona

  • To set the stage for our research, we took our initial findings and formulated proto-personas. Our two personas were focused on the donor and volunteer users of the site. They assisted in guiding our continued research process and helped us empathize with our site’s users.

Definition

No items found.

Problem Statement

  • The Georgia Food & Resource Center’s website was designed to inform their community on their mission and food bank/pantry offerings. We have observed that their website isn’t effectively meeting these goals, which is causing confusion regarding the GAFRC’s business and services. How might we improve the GAFRC’s dissemination of information on their services so that our customers are successful based on an increase in A) food distribution to those in need, B) donations to the organization, and C) volunteer work within the organization?

Hypothesis Statement

  • We believe that increased attention to content and accessibility of information regarding the GAFRC for the clients, donors, and volunteers will achieve greater community outreach concerning the issue of food insecurity.

Value Proposition Statement

  • We’re working to re-design the Georgia Food & Resource Center website to help clients, donors, and volunteers solve the issue of food insecurity in their community. Why we’re better: We offer clear, direct information that helps clients, donors, and volunteers take immediate action to reach their goals and fight food insecurity. Why we’re believable: We’re an honest, local community effort to fight hunger in our area.


Ideation

No items found.

Information Architecture

  • We performed a card sorting exercise to extract what essential navigation elements should be included. We each added existing site pages and content ideas from our affinity map on to cards. Then we collaborated to modify our cards and created a consistent vision for what the site should include. We created copies of our final card set and ran tests between two participants to discover how those without prior knowledge of the site would logically group the information.
  • Finally, we compared the results and created a draft of the official site map.
  • We took insights from the journey map and card sorting exercise to create a task flow. This helped us better understand the user’s interaction with the site while performing specific tasks based on the new content organization. Three task flows were developed to represent the largest portion of our users.

Wireframes and Prototype

Originally, the homepage was bare bones. It explained the GAFRC’s purpose in two sentences, but needed additional content so users could skim the first page and understand exactly who they are, what they do, and where they can go next to take action.

To achieve this, we included statistics on food insecurity in America to further state why the organization exists. We also added their mission statement, upcoming events, location, and contact information to describe their purpose and the area they serve.

One of the major problems with the website was lack of guidance for users. It wasn’t clear where to go to find information for the individual goals of clients, donors, volunteers and partnering organizations. We separated donor, volunteer, and partner/client pages to help them take action based on their own needs.

Establishing Visual Design

The original UI style representative of who the organization was or their mission. It was outdated, inconsistent, and lacked meaning.

We selected various greens to better portray the organization and their dedication to fight hunger -- health, fairness, hope, growth, and prosperity.

The typeface needed to be simple and easy to read, so we selected a combination of Arial and Helvetica.

User Testing &iteration

Summary

The Georgia Food and Resource Center already had a great mission and purpose, but needed a better outlet to communicate that to people. With this redesign, the GAFRC will have better visibility of their organization and opportunities available for their primary users. This will help them expand their outreach and grow resources to help fight food insecurity in Georgia.

In the future, we would really like the opportunity to do user testing with clients. They may have provided insight we didn’t capture with our interviews and testing with donors, volunteers and stakeholders.

Other Projects

word repo

Word Repo