Nonprofit: Outcomes, Inc.

Website redesign

I pitched a site redesign to the director of Outcomes in 2024, my initial pitch included an heuristic analysis of the current site, an new site map, and a preliminary competitor analysis. The goal of this project is split into phases ranging from increasing employment applications, providing an easier path to donations and increasing usability for current and potential clients.

Project overview

The problem

Outcomes, Inc. does amazing work for disabled adults and children, so why should their website be anything less than amazing? When I first explored the site, I saw more than just outdated design, I saw missed opportunities. Families searching for support, individuals looking for resources, and donors wanting to help were met with frustrating navigation and unclear paths forward.

The current site is not attracting new employees. A disjointed sitemap and lack of pertinent information are resulting in high bounce rates and preventing the organization from growing and serving the community.

The Solution

Through in-depth research and analysis, I uncovered key pain points and reimagined the site’s structure to align with the nonprofit’s mission. Now, I’m bringing it to life with wireframes that boost usability and accessibility while maintaining an approachable design that will grow with them.

Immediate actions are to fix broken links and ensure usability on all breakpoints. Long term goal to redesign the site with an emphasis on calls to action to increase engagement in key areas. Prioritize informational content segmented into clear sections for both prospective clients and employee. Integrate hiring process into the main site to create a seamless experience.

Research phase

Heuristic evaluation

Before meeting with the stakeholder I did an heuristic evaluation of the current site. There were a number of issues I took note of to present as potential areas of improvement.

Key takeaways

  • Formatting issues on desktop
    • Images do not resize properly
    • Inconsistent margins & text cut off
  • Jargon used in place of everyday language
  • Confusing elements (shopping bag, log in, groups page)
  • More tab hiding key information
  • Reversed text fails WCAG test in all but the darkest blue background
  • Body copy too small overall
  • Lack of CTAs
  • Unclear information architecture
    • Important info hidden under "more" tab
    • Lack of footer nav
    • Blog has single entry dated in 2021

Information architecture

The original map hid a number of key areas under the "More" dropdown. During the initial stakeholder interviews, an area of high priority was the need to increase new employee engagement.  he here was also some confusion around the login and shopping cart in the top nav as well as what the function of the group login pages was.

My proposed changes

Based on what I had learned from my initial competitor analysis and user tests, I proposed the following changes to the site map.  I made notes on what I envisioned the new pages to include so they could be discussed during my pitch.

Stakeholder interview

I conducted in person interviews with both the Executive Director and the Lead In-Home Coordinator. I prepared a list of questions, my research notes up to this point, and presented my proposed solutions. The interview concluded with action items for the organization to gather as well as valuable insight for me to continue into the definition phase of the project.

Key takeaways

  • Immediate action items
    • Remove unnecessary elements
    • Fix overset text throughout site
    • Fix broken links
  • Short term goals
    • Increase the number of job applicants
    • Build out information on donation page
      • How donations are used
      • Ways to donate
      • Items needed in group homes
  • Long term goals
    • Accept donations online
    • Build out employee portal
    • Add event calendar

Revised site map

I revised it the site map after the stakeholder interviews.

Moodboard

Lorem ipsum...

Next steps

The project has progressed through mid-fi wireframes which are going through an internal review process at Outcomes. Content for new sections is being written and images are being gathered by Outcomes staff.

Test & iterate

  • Once the draft content is in place, a mid-fi prototype will be presented to the Executive Director for testing and iteration.

High-fidelity prototype

  • The high-fidelity designs will go through rounds of iteration, then presented again for final changes and approval. 

Launch & results

  • Once the site is live, I will provide training material for staff to continue site updates and follow up in six months to analyze analytics.

Other projects