New Construction

San Francisco Health Service System

Increase in Page Views
+ 47 %
Increase in Sessions
+ 33 %
Decrease in Bounce Rate
- 19 %
Live Site

A strategic website to connect government employees with benefits and wellness.

The San Francisco Health Service System (SFHSS) has been providing medical benefits for municipal employees since 1937, expanding over the years to serve more than 126,000 people. As the organization grew, so did the need for a flexible website that could grow with it.

The SFHSS team started with a static, HTML website that could only be updated by seasoned members of their IT team. They needed a new site that would allow all team members to easily add and feature new initiatives while helping users navigate the complicated world of benefits with ease from any device. 

Civic sites can be tricky for users. Kanopi Studios partnered with SFHSS to understand stakeholder and user needs, establish alignment throughout the strategy phase, test and validate the new site structure, collaborate with SFHSS designers, and develop the site in Drupal 8. 

During the strategy phase, the Kanopi team held discovery sessions with key stakeholders to ensure that all needs would be represented in the new experience. Kanopi’s strategists helped identify and organize high-frequency tasks to provide clear paths to help users find what they need. They also found creative ways to pull in wellness content to compliment benefit information. The team created a sitemap and wireframes to guide design and development, then led user testing to validate the simplified site structure. The Kanopi team collaborated with SFHSS during the design phase to bring the strategy to life. 

Drupal is a terrific choice for government websites. Kanopi’s developers leveraged Drupal 8 to build a flexible, component-based architecture. The new structure gives SFHSS editors the ability to design engaging, media-rich pages with multiple ways to present and feature content, from accordions to action links to related resources. Kanopi’s developers built components using Drupal’s paragraphs module, adding templates and styles to make sure that all elements would work well in any context. 

With the launch of the new site, SFHSS’ website users benefit from a fully responsive, accessible website with engaging wellness content, easy access to benefit information, and an event calendar that connects the community to resources, information and inspiration to help improve their health. The upgraded user experience has already resulted in a 15 percent increase in new users and a 35 percent improvement in page views on the SFHSS website.

Related Work