top of page
GFA mockup5.png

Govern for America Case Study

GFA is a non-profit organization that connects recent graduates with government opportunities.

​

GFA's mission is building the next generation of public servants to create a more responsive government that better reflects and serves our communities.

Problem

The organization's mission is not easily found; language is not aligned with brand guidelines, and navigation of pages is not intuitive.

Project Duration

6 Months

​

Responsibility

Product Designer

​

Team 

Me & GFA Team

​

Tools

Figma, Canva, Notion, 

Google Suite

Methods

Affinity Map

Competitive and Comparative Analysis

Heuristic Evaluation

User Interviews

User Flows

Personas

Wireframes

Sketches

Usability Testing

Prototype

EMPATHIZE  phase was to demonstrate an understanding of my client's business goals as well as the target users and needs. I was able to identify this through competitive/comparative analysis, contextual inquiries, user interviews, and affinity mapping.

Interview Takeaways

I conducted 3 user interviews on GFA's current fellows with the existing website, then created an affinity map to see the most common trends. The interview takeaways fell into two main sections below.

HOME PAGE

Fellows are confused what the organization is about when they first land on the home page.

APPLICATION PROCESS

Fellows need more explanation of the fellowship program and how the application process work.

Current Website
  • The current Home page lacks information about the organization.

  • Content is not aligned with the brand guidelines.​

  • Navigation between pages is not intuitive.

DEFINE  phase was primarily focused on identifying our main problems and target users. I wanted to make sure the design I create is targeted to the right users.

How might we help the user to better understand the fellowship program and the application process?

How might we improve the website layout for users to quickly grasp what the organization is about?

How might we improve on the navigation between pages so it's more intuitive for the user?

My proposition was to restructure the Home Page with a focus on identifying the organization. Along with improving the Fellowship Page so users are able to easily grasp what the program is about and how the application process works. 

IDEATE  phase was to create a couple versions of the main pages. The sketches and wireframes were the first steps before I created the first mid-fidelity prototype.

Mid-Fidelity Wireframes
My focus was the Home Page, About Page, Fellowship Page so users are able to quickly grasp the information that they need about the organization.

Home Page Version 1

Home Page Version 2

About Page

GFA mockup 1_edited.png

Design Iterations

Based on the feedbacks I received from stakeholders, I made the necessary iterations in my final prototype:

Summary

The GFA team were really impressed with my designs and presentation by redesigning the Home page, About page, and Fellowship page for their clients that keeps them engaged on the website; communicating the company's mission and their fellowship program in order to recruit recent college grads.

Retrospective

It was challenging to get stakeholders to buy-in with the design decisions that I made as I had to explain the why's and the reasons behind my solutions. After many collaborations and discussions with stakeholders, we were able to come to an agreement on the MVP and core features in the design process.

​

After presenting the deliverables to stakeholders, I hand-off the final prototype to the CEO/Founder of Govern For America and they are in the process of implementing the designs.

bottom of page