Colorado Health Foundation
An improved user experience makes a healthcare website easier to access for Coloradans.
95/100 Accessibility Score on a Lighthouse test
93/100 Performance Score on a Lighthouse test
Client Overview
The Colorado Health Foundation is a statewide philanthropic organization dedicated to improving the health and well-being of all Coloradans. Their mission is to advance health equity and racial justice by advocating for and investing in impactful solutions. Collaborating with communities across the state, they work to dismantle systemic barriers to health.
Colorado Health Mobile Gallery
The challenge
The previous site was cluttered and confusing. Users struggled to find information due to complicated pathways, excessive content, and overwhelming navigation. Most importantly, the organization’s mission was unclear. On the backend, the site ran on an outdated version of Drupal, making updates difficult for administrators and requiring an upgrade.
Through our support program, we used an iterative process to address the issues and prioritized needs to maximize impact quickly.
The process
Discovery Work
Discovery work outlined where we needed to make improvements in the UX, the navigation, and visual design.
Heatmaps
Heatmaps conducted during our initial research and discovery phase revealed potential friction points in the user journey, which informed how we streamlined the design and content.
The solution
The biggest fix was navigation. Using Google Analytics and Mouseflow, we identified what users clicked on and visited most, guiding the placement of top links. We replaced the overwhelming mega-menu with six main items and moved others to a hamburger menu.
Colorado Health also audited their content, reducing pages by 70%. They streamlined priority areas like Economic Opportunity and Affordable Housing down to just 10, making it easier for users to explore. We paired the new content with redesigned cards for clearer pathways and less scrolling.
To better display their accountability to users, we also built a data display that can be easily updated with new data. Additional improvements included:
- Removing large hero images
- Adding accordions to collapse text
- Updating event taxonomy
- Redesigning the search page
- Implementing translation support
- Ensuring consistent layout for basic pages.
Finally, we placed their mission front and center, making it unmistakably clear who Colorado Health serves and why their work matters.
Key features
Data Display
A data display was created to show accountability to race and ethnicity, which can be easily updated to reflect new data as it becomes available.
Improved Accessibility
The previous site was inaccessible for keyboard users. The updated site now scores 95/100 on Lighthouse, with improved fonts, tab navigation, and meaningful links.
Streamlined Navigation and Content
Analytics revealed key pathways, leading to simplified navigation with six main items and nine content cards, while less critical pathways moved to the hamburger menu.
The result
Now Colorado Health has a clean, easy-to-use website that’s streamlined in every way. The templates for the pages are cleaner. Colors and fonts are consistent, as are the heading styles and tags. The site is also accessible and loads quickly. The Colorado Health team can now make use of Drupal’s media library so now they can select images easily, and we provided the team with a style guide to follow for ongoing consistency for years to come.
