I. Introduction
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.
- Personas
- Flow Diagram
- Mood Board
- User Interviews
- Accessibility Analysis
- Wireframes
- Prototypes
- Style Guide
- Sitemap
- Visual Design
- Logo Design
- Color Styling
- Illustrations
- Iconography
- Typography
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.
- Adobe XD
- Miro
- Trello
- User Interviews
- Adobe Photoshop
- Google Drive
- Pexels
- User Surveys
Incorporating nonprofit project boards, attorney profiles, and improving core functionality should increase user connections on the PBPA website.
II. The Design Process
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.
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.
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.
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.
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.
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
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.