MIT homepage on mobile

We’ve been building large scale design systems at Upstatement for over a decade. Much of this work has been for large publishers or media organizations like The Boston Globe or ESPN. Our approach to design systems stems from a foundation in editorial design, where the system is the foundation of a publication’s voice, and designers work within it to tell individual stories.

But modern digital design systems do much more, from providing an underlying technical infrastructure that scales across websites and apps to a visual system that reinforces the brand and provides vital wayfinding for students, administrators, and other users. Design systems are all the rage with product-focused companies like Spotify, Google, Salesforce and others, but are they right for Universities?

After building and deploying design systems for universities like Harvard and MIT, we believe the answer is an emphatic yes. In fact, it may make even more sense in a university setting than anywhere else. Here’s why:

Reinforce the brand

University brands are complicated. They’re multi-tiered hierarchies of relationships between schools, colleges, programs, facilities, events, and much more. They’re huge, gnarly brands. In every university rebranding project, a lot of thought goes into how these relationships are organized, and how they all ladder up to a consistent sense of brand for the overall university.

A design system is your brand in action. But even better, it’s a tool, not just a guideline. It helps everyone who needs to build something or communicate something do it on brand, and shapes a consistent verbal and visual voice across campus. Cohesive brand guidelines are a great start, but you can’t expect everyone on campus to have read the manual. Especially student groups or others loosely connected to the hierarchy.

Ensure compliance

Universities have more incentive than ever to invest in making their web content more accessible to everyone, and to ensure that their digital interfaces are compliant with regulations that govern digital accessibility. If every digital project on campus starts from scratch, chances are accessibility will be compromised or deprioritized. This can mean major headaches for users that need access to your content, not to mention legal jeopardy.

Compliance can be baked in to the design system and scaled across campus. From web accessibility guidelines around code structure to visual accessibility like contrast, a design system can provide tools that make compliance the default: saving money, supporting users, and limiting legal risk.

Accessibility is just the start, and considerations better support for devices, or site speed can also be baked in at a site level, making the entire digital experience across campus better.

Support the community and encourage creativity

By providing a set of tools that can be used by all, a design system that’s maintained by the university helps encourage those within the community to express themselves and build the tools they need, without fear that they’re building the “wrong thing” or that it’s built in the wrong way. In our work with large systems like MIT, we viewed the community’s engagement as both a blessing and a curse. On one hand, it’s great that everyone is contributing to the digital experience: building sites for classes, clubs, hobbies, events, and everything else. But by default many of these sites will not be built with longevity in mind, and just add to the pile of maintenance for the small staff in Central IT.

A collection of digital tools that can be centrally maintained and supported but distributed widely will help maintain standards and mitigate the risks mentioned above, but does not create the bottleneck that plagues so many schools. Think of it as building a trellis in the garden. You provide the path, and the community grows in the direction you intend.

Raise quality

Overall, the goal should be a high quality experience for users, administrators and developers. Systems-thinking is a great way to organize an ecosystem like a large university, and pays dividends beyond the immediate effects of looking nicer or being faster. It’s an investment in critical digital infrastructure at a time when the primary campus experience may be online.

If you’re interested in a demo of some of the design systems we’ve built, or to talk with our team about your problem, drop us a line. We’d love to chat.