Volunteer + Donation redesign.
Working closely with a foster children advocacy nonprofit to help them increase volunteer recruitment and donor funding.
Role
Lead Designer
Platform
Mobile, Web
Time Frame
6 Months
Employer
Voices for Children
Areas
Research, Design
Volunteer + Donation redesign.
Working closely with a foster children advocacy nonprofit to help them increase volunteer recruitment and donor funding.
Role
Lead Designer
Platform
Mobile, Web
Time Frame
6 Months
Employer
Voices for Children
Areas
Research, Design
Volunteer + Donation redesign.
Working closely with a foster children advocacy nonprofit to help them increase volunteer recruitment and donor funding.
Role
Lead Designer
Platform
Mobile, Web
Time Frame
6 Months
Employer
Voices for Children
Areas
Research, Design
Background
CASA: Court Appointed Special Advocates
Founded in 1980, Voices for Children is a nonprofit with the nationwide Court Appointed Special Advocate (CASA) program. Through recruiting CASA volunteers, VFC is able to successfully serve foster children during the often frightening judicial process and advocate for their children's best interests to the judges.
Despite its steady success, VFC's main challenges have always been recruiting new volunteers and securing funding through charitable donations. Few people are aware of the CASA system, and even fewer feel confident that they can become a CASA. With these problems in mind, VFC engaged Design for America to help conceptualize and come up with a new approach.
Background
CASA: Court Appointed Special Advocates
Founded in 1980, Voices for Children is a nonprofit with the nationwide Court Appointed Special Advocate (CASA) program. Through recruiting CASA volunteers, VFC is able to successfully serve foster children during the often frightening judicial process and advocate for their children's best interests to the judges.
Despite its steady success, VFC's main challenges have always been recruiting new volunteers and securing funding through charitable donations. Few people are aware of the CASA system, and even fewer feel confident that they can become a CASA. With these problems in mind, VFC engaged Design for America to help conceptualize and come up with a new approach.
Researching the Problem
Too Much Information
Following a few weeks of interviewing CASAs and non-CASAs, we found out many key reasons why someone would use the site in the first place. CASAs recounted that the main website could do a better job of sharing information they wished they had known before joining.
User testers were overwhelmed by how information-dense the volunteer and donation action pages were, opting to skip over important sections instead of reading through them. For example, the donation page had almost a dozen other ways to donate listed with lengthy drop-downs, yet users were unlikely to engage with them. Additionally, the donation page also had issues with an overabundance of CTAs, leaving users to be confused over which buttons to press to donate.
This led us to the question: How might we reduce the cognitive load on the Volunteer and Donation Action pages by condensing and reorganizing key information?
The donation page had too many CTAs, which confused users.
The volunteer page was too text-heavy, leading users to ignore key information.
Researching the Problem
Too Much Information
Following a few weeks of interviewing CASAs and non-CASAs, we found out many key reasons why someone would use the site in the first place. CASAs recounted that the main website could do a better job of sharing information they wished they had known before joining.
User testers were overwhelmed by how information-dense the volunteer and donation action pages were, opting to skip over important sections instead of reading through them. For example, the donation page had almost a dozen other ways to donate listed with lengthy drop-downs, yet users were unlikely to engage with them. Additionally, the donation page also had issues with an overabundance of CTAs, leaving users to be confused over which buttons to press to donate.
This led us to the question: How might we reduce the cognitive load on the Volunteer and Donation Action pages by condensing and reorganizing key information?
The donation page had too many CTAs, which confused users.
The volunteer page was too text-heavy, leading users to ignore key information.
Researching the Problem
Too Much Information
Following a few weeks of interviewing CASAs and non-CASAs, we found out many key reasons why someone would use the site in the first place. CASAs recounted that the main website could do a better job of sharing information they wished they had known before joining.
User testers were overwhelmed by how information-dense the volunteer and donation action pages were, opting to skip over important sections instead of reading through them. For example, the donation page had almost a dozen other ways to donate listed with lengthy drop-downs, yet users were unlikely to engage with them. Additionally, the donation page also had issues with an overabundance of CTAs, leaving users to be confused over which buttons to press to donate.
This led us to the question: How might we reduce the cognitive load on the Volunteer and Donation Action pages by condensing and reorganizing key information?
The donation page had too many CTAs, which confused users.
The volunteer page was too text-heavy, leading users to ignore key information.
Solution
Reducing Cognitive Load
The main challenge of redesigning these pages were in choosing which type of information to keep, cut, or reorganize. Certain sections were easy: like the "Steps to Become a CASA", which we reworked into an easy-to-read carousel, but others were a bit more troublesome
One difficult section in this redesign however was how to present the donation CTA. Initially, there were four total CTAs - one text button and one donation panel per county. We wanted to reduce the donation CTA to one, but didn't know whether to present a donation panel or text button. After a series of A/B tests with split results, we still did not know how to proceed. After much debate, we ended up using the text button, since interacting with the panels and text buttons on the main site brought up an overlay panel anyways.
We spent a lot of time testing different versions of the donation page.
Solution
Reducing Cognitive Load
The main challenge of redesigning these pages were in choosing which type of information to keep, cut, or reorganize. Certain sections were easy: like the "Steps to Become a CASA", which we reworked into an easy-to-read carousel, but others were a bit more troublesome
One difficult section in this redesign however was how to present the donation CTA. Initially, there were four total CTAs - one text button and one donation panel per county. We wanted to reduce the donation CTA to one, but didn't know whether to present a donation panel or text button. After a series of A/B tests with split results, we still did not know how to proceed. After much debate, we ended up using the text button, since interacting with the panels and text buttons on the main site brought up an overlay panel anyways.
We spent a lot of time testing different versions of the donation page.
Final Designs
Finishing the Job
After simplifying, reorganizing, or cutting out certain sections our team conducted two rounds of user testing and refinement. Following very promising results, we made our final adjustments before handing off our final designs and documentation to the VFC team.
Final Designs
Finishing the Job
After simplifying, reorganizing, or cutting out certain sections our team conducted two rounds of user testing and refinement. Following very promising results, we made our final adjustments before handing off our final designs and documentation to the VFC team.
Final Designs
Finishing the Job
After simplifying, reorganizing, or cutting out certain sections our team conducted two rounds of user testing and refinement. Following very promising results, we made our final adjustments before handing off our final designs and documentation to the VFC team.
More Projects.
SNS Salon + Beauty Supply
SNS Salon + Beauty Supply | 2024
Promotional Materials Page
Voices for Children | 2024
StallMate: Bathroom Kiosk
UCSD| 2023
More Projects.
SNS Salon + Beauty Supply
SNS Salon + Beauty Supply | 2024
Promotional Materials Page
Voices for Children | 2024
StallMate: Bathroom Kiosk
UCSD| 2023
More Projects.
SNS Salon + Beauty Supply
SNS Salon + Beauty Supply | 2024
Promotional Materials Page
Voices for Children | 2024