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

San Francisco Health Service System

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.

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.

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.


  • Strategy and UX
  • Design
  • Development