Tim Rittenhouse

Home headquarters

Non-Profit Donation Website

smartmockups_jygcn1lj.jpg

About the Project

Home HeadQuarters is a community development organization dedicated to creating housing opportunities for individuals and families in Upstate NY. They rely on donations made through their website to support their overall mission, as well as community events.

The Problem

Home HeadQuarter’s website was outdated and not mobile-friendly. This negatively impacted the donor experience.

I redesigned the donation section of their website with a bolder look and responsive layout to provide a better experience.


Discovery

Survey

I surveyed users to get their impressions of the current website. Many found it confusing, visually lacking and nearly impossible to use on a mobile device. Of the 8 users surveyed, only 1 said this page would persuade them to make a donation.

Interview

I also spoke with staff at Home HeadQuarters about donations in general:

  • They prefer recurring, monthly donations

  • Most donations are made by individuals giving less than $100.

  • They are would like to appeal to younger donors

Best Practice

Similar donations pages for other non-profits use a few best practices:

  • High-impact visuals appeal to younger donors

  • They disclose how donations are used

  • A Strong call-to-action

  • “Thank You” page with options to share on social media

  • A mobile-friendly website


Design

Based on my research, I started sketching out wireframes to address the problems I identified. This included:

  • Full-bleed images for high visual impact

  • Stronger visual indicators for calls-to-action

  • Donation options that explain how donations are used

  • An option to share on social media

  • A responsive layout

 

From the wireframes, I started assembling components that would suit the needs of the project. I iterated on these components to enhance their usability.

For example, users were confused by the toggles on early versions of my donation form. Selected items blended in with the background. I adjusted the colors and font weights to make it more clear which item is selected.

Other changes included:

  • Smaller default donation amounts, with the option to enter custom amounts

  • Simplified recurring donation selection

  • Color that emphasize call-to-action


Result

The final design features a design that is more usable and mobile-friendly. Users found the design much more compelling and 7 of 8 users surveyed said they would consider donating.