Pro Bono Partnership of Atlanta (PBPA)

A Responsive Desktop and Mobile Website Prototype

View prototype

I. Introduction

Timeline:
March 5, 2020 - March 24, 2020
The Project

Pro Bono Partnership of Atlanta (PBPA) is a nonprofit organization that connects practicing attorneys with nonprofit organizations in the United States.

While attending Georgia Tech, I worked on a team of UX Researchers and we were tasked with redesigning their website user interface to clearly highlight their organization's purpose.

Deliverables
UX
  • Personas
  • Flow Diagram
  • Mood Board
  • User Interviews
  • Accessibility Analysis
UI
  • Wireframes
  • Prototypes
  • Style Guide
  • Sitemap
  • Visual Design
Branding
  • Logo Design
  • Color Styling
  • Illustrations
  • Iconography
  • Typography
The Problem

The Pro Bono Partnership of America (PBPA) initial website design does not clearly and intuitively highlight their purpose. This results in a confusing navigation system and unsatisfying experiences.

Tools Used
  • Adobe XD
  • Miro
  • Trello
  • User Interviews
  • Adobe Photoshop
  • Google Drive
  • Pexels
  • User Surveys
The Solution

Incorporating nonprofit project boards, attorney profiles, and improving core functionality should increase user connections on the PBPA website.

II. The Design Process

1. Discovery

We conducted market research and highlighted the website's core functionality to compare PBPA's current industry competitiveness. I, also developed Proto Personas to best gather insight for PBPA's target client base.

2. Research

We conducted Usability and Heuristic Evaluations of the current website user interface to identify issues. I conducted three of our four user interviews with aspiring and practicing attorneys. We conducted user surveys for nonprofit organizations and created an Affinity Diagram to gather potential motives for using the PBPA website.

3. Definition

After gathering our user insight and usability analyses, I created our User Persona and stated our problem as PBPA ineffectively displaying their purpose which leads to user attrition. Simplifying the navigation and functionality in the redesign should improve connections between attorneys and nonprofits.

4. Ideation

We developed a Mood Board and UX Scenarios nonprofit organizations and volunteer attorneys, enabling us to analyze the two key user flows of the PBPA website. The first, a nonprofit’s search for a volunteer attorney; the second, an attorney’s search for a pro bono project. Lastly, we prioritized PBPA's features through Card Sorting.

5. Prototyping

We created sketch wireframes and I created the onboarding, saved, and profile screens. We worked as a team to create, the style guide, and developed responsive Lo-Fidelity and Hi-Fidelity clickable prototypes.

6. User Testing

We conducted 5+ user testing for both the Lo-Fidelity and High-Fidelity prototypes. Typically, users faced usability issues with the Lo-Fidelity prototype, due to unfamiliarity with the visual design limitations and they expected more feedback from the site, therefore we incorporated more responsive design elements in the Hi-Fidelity prototype.

III. Conclusion

Future Implications

Our website redesign effectively displays Pro Bono Partnership of Atlanta’s purpose and connects nonprofit organizations with voluntary attorneys. Future designs should expand the networking capabilities of the website to include an internal messaging system and a secure document sharing system for legal documents.

Latest Work

Check out my other recent projects!

Let's work together and transform your design concepts into reality!

get in touch now