Non-profit website design

Higher Achievement website design
Higher AchievementDigitalDigitalUX DesignWebsite DesignWebsite DevelopmentIndustryIndustryNonprofitDurationDuration5 monthsUser experienceUser experienceCheck out a different approach to donation formsProject teamProject teamSkadi GidionsenSenior UX & Digital DirectorCasey McGeeArt Director

Supporting middle school students

Higher Achievement is a non-profit organization headquartered in Washington DC that strives to close the opportunity gap during the pivotal middle school years. While based in DC, they currently have affiliates in Detroit, Pittsburgh, Baltimore and Richmond as well. The non-profit needed a website design that would increase awareness, encourage giving and participation and represent their brand more effectively in general.

Having worked with us previously for other services including their holiday card print design and giving campaign design, the team contacted us again for their website refresh. The existing site had a lot of interesting content, but was extremely difficult to navigate and inconsistent among the various location. There was no way to highlight the different happenings in all locations, or to get people involved (as mentors or donors) on a location basis. It was also very very green…

Collaboration and consensus

During the discovery phase, we involved representatives from each city to ensure that all their needs would be addressed. By collaborating early and often, we were able to learn as much as possible and get consensus on decisions. We created a streamlined flow for the user, grouping information by location, as well as creating architecture consistency across the locations and the overall site.

Casey designed a beautiful, contemporary, clean site, using their green as a wonderful accent, and the team was extremely thrilled.

Visit the website

Higher Achievement website design
Higher Achievement website design

UX Design

Doing non-profit website design means being ultra-focused on creating awareness and promoting participation, or giving. One of the interesting challenges during the information architecture and wireframing phase was figuring out how to combine all the different ways to get make donations to Higher Achievement. In particular, we wanted to ensure that donations for a particular location were easy to find and execute for the user. As we had learned that the audience is usually engaged with a particular location, instead of the organization as a whole, we decided to bring the opportunities to them right where they will already be looking at content: in the location section.

In addition, rather than create multiple donation pages for the user to dig through, with complex sub-navigation within an overall donation section, we created a tabbed system outlining the different ways to get involved in each location. At a glance, the user sees the different ways to support, and forms embedded right on the page create additional ease of donating.

We involved representatives from each city to ensure that all their needs would be addressed.

Opus’ approach for website re-design is thoughtful, thorough, and super fun. The process they use ensures we are being very intentional about the new design of the website—both from a UX lens and a creativity/design lens. If you want to work with intelligent, creative, kind, fun-loving people who will deliver results—Opus is the answer.

Kelly O'DonnellManager of Communications and Digital Giving