THE CLIENT
San Francisco Unified School District

Creating a digital strategy for SFUSD's main website, an employee portal, school websites and department websites.

Throughout 2018, we have been working with the San Francisco Unified School District (SFUSD),  the seventh largest school district in California, educating over 57,000 students every year. 


While SFUSD aims to clearly communicate to all of the district stakeholders, their four disparate website groups make it difficult to keep information updated and useful. A public-facing website, an employee portal, school websites and department websites all created a confusing and frustrating user experience. Parents, faculty, students and staff needed a cohesive digital experience to get relevant and updated information in a seamless and timely manner. 

The Approach

We partnered with SFUSD to create a digital strategy for all of these web properties. We started by digging into their analytics, talking with stakeholders, and identifying pain points across multiple user groups including students, teachers, administrators, and parents. This upfront work allowed us to kick off a Design Sprint grounded in the users’ experiences providing a human-centered starting point for the group to respond to.


A Design Sprint is a 3-day intensive workshop to validate assumptions about users and glean product insight. There is always alignment on challenges faced by target audiences and the goal is to create a prototype to test your product idea. 



During the Design Sprint, we gathered an extended group of stakeholders to hear voices from all over the organization. Working as a team, we distilled big problems into discrete areas of focus. The sprint allowed us to facilitate discussions and brainstorms that surfaced institutional knowledge and hidden issues.





As a result, we created:

  1. Proto personas—a sketch of user types— to gain empathy for SFUSD’s target audiences; 
  2. User flows— the steps users take to accomplish common goals; 
  3. Clickable prototypes ready for user testing. 


The prototypes were tested by real users, and the feedback from the tests informed the product features inventory and the plan for the next phase: a web properties redesign.


The Impact

The design sprint met its original goal of providing ideas and a prototype for the new SFUSD website, but it did much more: it ended up shifting the SFUSD team’s approach to problem solving overall. During the three-day sprint, the SFUSD team surfaced issues, identified patterns of pain points throughout the organization, and ultimately developed a better understanding of each other’s needs and motivations. The design sprint created space to develop empathy among the various stakeholders, and then equipped the team with tools to generate solutions to address their challenges. Since working with Exygy, SFUSD has been taking the design thinking skills built through our collaboration and bringing them across the District, from curriculum planning to in-class tool design.


quote

The Exygy team's partnership with SFUSD went beyond the development of a product. In their work with us to create a world-class digital strategy and website, Exygy also helped the district define and implement new approaches for collaboration which will aid us in serving the students, families, and educators long after this project has concluded."

Jared Joiner, Chief of Staff, SFUSD


Design sprints create an environment where innovation can happen. Often bureaucracies are hierarchical, but sprints foster a meritocracy where everyone has equal opportunity to generate solutions. The SFUSD team proved that non-designers can use human-centered design principles to dramatically improve user experience. Their initial success with the sprint method allowed them to continue using what they learned to lead design sprints across the school district.


Based on our design sprint prototypes, we are now working with SFUSD to design and build their new website.


Want to work together?

We are always looking to get in touch with partners to help build healthy and resilient communities together
contact us

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

image caption

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

image caption

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

This is some text inside of a div block.
This is some text inside of a div block.