CASA+Mockup.jpg
 

Overview

 

 Time

Two Weeks

Project Type

Client

Team

4 Designers

Deliverables

Personas

Wireframe Mockups

Live Website

 
 

Our Client

 
Casa Logo.png

Advocates for Youth - CASA is an amazing nonprofits that serves youth in the foster care system by providing a “CASA” or Court Appointed Special Advocate. CASA’s support youth who have been impacted by abuse and neglect by spending time with a them to develop a fuller picture of the child’s life, get to know their unique history, provide support and make informed recommendations to the courts.

 

Initial Thoughts

When we were introduced to the client, it was clear that their site had a lot of room for improvement: there were way too many pages, repetitive pages, and too many clicks to accomplish simple tasks like making a donation or signing up to be a volunteer. Before we got ahead of ourselves, our team met with CASA staff members to see what their goals were for the website.

 

Client Goals

Sitting down with the Advocates for Children - CASA we were able to come up with their team’s goals for the website:

 
  1. Engage more volunteers

  2. Receive more online Donations

  3. Properly explain who Advocates for Children

 

Problem

Advocates for Children’s current site does not communicate the passion behind the organization and is hard to navigate.

 

Solution

Create a live Wordpress website to increase engagement with current members as well as potential donors and volunteers, and can be delivered and managed by CASA upon completion.

Working for a nonprofit without a Dev Team, we knew that if our final deliverable was a Sketch file or inVision prototype, they wouldn’t be able to easily integrate this changes so our team decided to create a Wordpress site using a Divi plugin that the Advocates for Children - CASA team would be able to easily manage.

 

Research

Competitive Analysis

Our team wanted to see what other organizations  were doing and how they were successful. Some of our takeaways of ideas other sites were doing well include:

  • Donate & volunteer  buttons in the “F-pattern”

  • Multiple calls to action on each screen

  • Highlight tax credits in more obvious location

  • Build empathy & trust through emotion/ storytelling

  • Bright call to action colors

  • Pop up featuring news and event information

  • Simplified menus

 

Surveys

I created two Google Surveys to get some insight from current CASA volunteers as well as volunteers who started the volunteer training but dropped out before completing it. I was especially interested in why the second group wasn’t able to complete the training. Did they not know what the commitment was like before signing up? Was there more information the website could provide ahead of time to prevent “volunteer dropouts”?

 

The surveys helped to affirm our hypothesis that people still would like to be involved with Advocates for Youth - CASA but that being a CASA volunteer was too high of a commitment and they didn’t know other ways to give back.

Desktop HD.png
 

Interviews

 
It’s hard to put into words how fulfilling this is, how important it is and how unbelievable the impact you have on a child’s life is.

For interviews, we were able to visit Advocates for Children - CASA in Aurora and interview three current volunteers. I conducted two of the interviews while my peers conducted the third. This was a wonderful opportunity to hear more of the heart and passion behind the volunteers that truly make up this organization.

The volunteers shared with us:

  • How they decided to get involved with CASA

  • Stories of the impacts the youth they serve had had on them

  • Ideas for the website including being easier to navigate, more inspiring stories, and more about the wonderful staff that work at Advocates for Children - CASA

 

Information Architecture

Our team used an open and closed Card Sort to figure out the best way to organize the Advocates for Children - CASA’s website. It was clear to see that CASA had a page for almost everything and people were not taking the time to navigate from page to page, it was way too much work. The Card Sorting helped us to see the different ways organizing these pages made sense to people and then we could go from there.

 
Screen Shot 2020-01-19 at 1.35.58 PM.png
Screen Shot 2020-01-16 at 5.30.14 PM.png
 

Original:

Ways to Help Nav.png
 

Updated:

Here we took what was four different pages all under the "Ways to Help” nav and turned them into one so people could see everything they needed in one easy place. Now you can also easily navigate to the volunteer page to learn more or the donation page instead of needing to go back to the navigation bar to move forward.

 
 

Sharing the Impact

One of the our hypotheses that was confirmed by our research is that for people to get involved, they want to really feel the impact that an organization is having. We focused on incorporating this need for emotion and passion by:

  1. Sharing the stories of current Advocates for Children - CASA Volunteers

  2. Videos on the site

  3. Clearly laying out who Advocates for Children are and the different avenues to help them

The new volunteer page is a great example of this - before you only got an understanding of one way to volunteer, now you can see why people volunteer, how they started, different ways to volunteer, and more.

 
  • Clear description

  • Heartfelt video with different stories

  • User’s can easily navigate through the page

  • Stories from current Advocates for Children- CASA Volunteers

  • Clear volunteer descriptions

  • Upfront about requirements and the process ahead of time

  • Sign-up form on the same page as the volunteer information

  • CASA’s impact

Volunteer.jpg

Live site!

View the Live Site