Bounce Children's Foundation

Bounce Children's Foundation is a non-profit organization transforming the lives of chronically ill children and their families. I designed and worked with them to build their website (View their current website).

Bite-sized Summary

Bounce Children's Foundation's official website was designed for volunteers and donors to know more about the organization and how to get involved. 

The website (images on the right) was launched in 2016 and led to a 60% traffic increase and raised $400k in Bounce's first year.

User Problem

When I joined the team, they already had a plain website with a lot text on it. Volunteers and donors cannot see the program details and don't know how to contribute.

Timeline

Website Launched: March 2016
Duration: 2 months

My Role

I was the only designer working directly with the CEO and a web developer

Tools

Axure
WordPress

Design Process

The design activities I went through are:
1) Competitor analysis
2) User interview
3) Define persona
4) Define user journey
5) Create site map

Step 1: To identify visual trends and opportunities that I can learn from others, I conducted a competitor analysis with 4 children's foundation websites.

Step 2: To better understand user needs on the website, I interviewed 5 users who were interested in charity activities.  

Top Findings:

1) The users have a passion for charity activities. They would love to give back and meet friends when volunteering.
2) They are busy and would like a quick way to know about the organization, donate or register for volunteer.
3) They also want to see their impact, and stay connected with the community.
4) They would be frustrated if the donation or volunteer registration form is complex or unclear.

Step 3: To translate the user insights into a presentable format, I synthesized all the notes, and created a persona.  

Step 4: To identify user flows and document key tasks they will take on the webpage, I created a user journey map based on the persona.  

Step 5: To align with the team on what content are needed, we worked together to map out the site map based on the user's input.

Final Design

See clickable Axure wireframes at https://kzboya.axshare.com

Website redesign leads to a 60% traffic increase and we raised $400k in Bounce's first year!

Reflection

1. It would be interesting to get more user feedback after the website launch to iterate the design.

2. Now I have a better understanding of how design serves the business objective. Looking back, it would be nice if we define the KPI of the website, how to track it, and how it contributes to the business values.

3. For the first part of the user interview, if I would do it again, I will be more creative by asking for feedback on the original website, or what is the user's favorite charity website to get inspiration. (I want to do it in a more USER-CENTERED and LEANER way!)