Hope For Children Redesign

Serving residents throughout all fifty states and the District of Columbia to end child abuse and abuse to others.

Background

The Hope For Children website is a Nonprofit organization who offer volunteer opportunities and opportunities to donate. Unfortunately, the website was very uninviting and had too much information laid out in one screen which could easily confuse or turn someone away from the site. Our main goal was to bring life and color to the site to make it more inviting and to also show that it is a trusted site by showing other other success stories.

Research

In our research we did got both quantitative and qualitative data. Our quantitative data was gathered through a survey that we made and sent out through Facebook. The qualitative data was gathered through interviews. Each member of our team did at least 2 interviews. To the left are some of the questions that we asked during our interviews.

Card Sorting

All of our results from both the survey and the interviews were placed into a Miro board. We sorted all of our cards into different sections to find out where there were the most commonalities to make our User Persona.

User Persona

Our Patrick Poe was our User Persona that we came up with from our results. He is a busy family man who likes contributing to NPOs but doesn’t trust them from a previous past experience. He was scammed from another company and was unaware of it until later. We want to make sure we can give him back that security in going back to helping other NPOs again.

Testing on Original Site

We did more interview testing to find out how the navigation was like for others on the original site. To the left, we have some of the tasks that we gave users. Most people could navigate through the website easily but almost all of them said that it was overwhelming. Below is a example of the original Hope For Children website.

We put all of our results from our testing into Miro to do more card sorting. With this information, we figured out what was needing a change and what the users liked or disliked most about the original website.

User Flow

From our results in the original website testing, we created a user flow that would benefit all users. We wanted to simplify the site and make it as straight forward as possible for anyone to be able to use.

Sketches and Wireframes

Style Guide

Here is the UI Style Guide that we came up with and that helped us bring all of our boring black and white wireframes to life! Each of us in the group had a different portion of the website to create so having this style guide helped us stay uniformed.

Low-Fi

Below are some examples of the low-fi prototype screens.

Testing

We did one final round of testing to make the final iterations to our Hi-Fi Prototype. We used the same questions in our last testing session to make sure that any user could easily maneuver through our frames and at the same time understand where to find everything.

We also did some A/B Testing on the photo on our main homepage. We wanted to find out if there was a different outcome in what people would choose and why with a picture of a family or with a picture of two kids having a pillow fight. There wasn’t a noticeable difference but more people liked the picture of the family over the pillow fight.

Final Design

Here is a link to our final prototype. https://drive.google.com/drive/folders/1jTTstT583QPQHewU6aw7457veUxWGD9Y?usp=sharing

Conclusion

Our overall goal with the redesign was to present a helpful, uplifting feel throughout and make resources easy to find. I feel like we definitely brought this website to life and helped get the main point across that we want to bring Hope to all Children!

In the future we would like to make more iterations to perfect the page because there is always more room for updates and to make the page more interactive with animations, changes in actions taken, and other things.

We really enjoyed the project and we hope that not only could we show that we can bring hope to children but that you can too! Whether by volunteering, donating, learning about the cause, or anything else! We hope to bring Hope to Children all over!