Advocates for Children
Responsive website redesign for a nonprofit that pairs volunteers with at-risk youth in foster care. The redesign of a live WordPress site focused simplifying the information architecture, conveying the passion behind the organization, and promoting donation and volunteer rates.
Overview
Worked in a team of four to create a live WordPress website for Advocates for Children (a local nonprofit organization that supports foster children) to drive traffic toward donation & volunteer pages
My Role
-
Define goals/scope
-
Personas
-
Feature Ideation
-
Hifi Wireframes
-
Content Writing
-
WordPress site (donor & quiz pages)
Project Timeline
3 Weeks
Deliverables
Live WordPress Site
Personas
We identified two categories of users that we wanted to target for the site, donors and volunteers. We created two types for each user including current and potential users and came up with four personas to cover a variety of user goals and core needs.
Corporate Donor
Kathy, 52 Marketing Director
Involvement includes corporate donation last year and is signed up for the newsletter.
Needs to learn more about CASA's reach and what has happened in the last year and if she feels a personal connection to A4C
Pain Points include having trouble finding information on A4C's involvement with the CASA national
First Time Donor
Claire, 34 Lawyer
Involvement is based on the marketing push from CASA national, wants to be involved with A4C.
Needs To learn if cash or in-kind donation would help most
Pain Points include inexperience with donations to nonprofits, needs easy access to tax credit resources and benefits
DONOR
CASA Volunteer
Earl, 65 Retired Businessman
Involvement includes CASA volunteer training and volunteering about 15-20 hours a month for the last 3 years.
Needs to use the website to access the Optima Portal, and would appreciate access to volunteer references through the site
Pain Points include being unaware that the site he uses to access Optima is actually the main site for A4C
Potential Volunteer
Dana, 28 Teacher
Involvement includes going to a CASA event with a friend, she is looking to volunteer about 5 hours a month.
Needs an easy way to find volunteer opportunities that don't involve as much time as becoming a CASA
Pain Points include having trouble finding opportunities that fit her schedule and availability
VOLUNTEER
POTENTIAL
EXISTING
Surveys & Interviews
Our surveys led to a few conclusions regarding the current usage of the website and previous experience with volunteer organizaitons:
Information Architecture
The information architecture originally included over main 75 pages, many of which did not have updated content and were difficult to locate.
The new site includes approximately 10 main pages with up to three supporting pages per category. These pages are optimized to include relevant and updated content as well as infographics and clearer organization and links between pages.
Original Site 75+ pages
New Site
15-20 pages
Old Website IA
New Website IA
All Feature Ideas
-
Donate Now buttons
-
Simplified Donation Page
-
Personalized donation level giving
-
Simplified Information Architecture
-
Volunteer stories
-
Volunteer specific contact form
-
Quiz for new volunteers
-
Incentives for donations
-
Infographics
-
Social Media Sharing
-
Flexible Footers
-
Improve staff bio information
-
Show the journey of becoming a volunteer
-
Floating donation button
Feature Ideation
Must Haves
-
Donate Now buttons
-
Simplified Donation Page
-
Simplified Information Architecture
-
Social Media Sharing
-
Improve staff bio information
Final Features
-
Donate Now buttons
-
Simplified Donation Page
-
Personalized donation level giving
-
Simplified Information Architecture
-
Volunteers stories
-
Quiz for new volunteers
-
Incentives for donations
-
Infographics
-
Social Media Sharing
-
Flexible Footers
-
Improve staff bio information
Flex Footer
The need for more connectivity between pages of the site led me to the idea of a flex footer.
The section to the left will change based on the page it is displayed on. The donation pages will have a section that links to the volunteer page. The volunteer page will link to the donation page. The flex section of the footer can be updated on the homepage and other pages to link to the pages that CASA deems important, such as events, news or updates.
We plan on having this flex section animated or otherwise highlighted to draw attention to it as users scroll to the bottom of the page.
