Case Study

Simple. Collaborative. Transformative. A Design System Template

Accessibility and efficiency must go together to create the best possible solutions. Through trainings and the establishment of sustainable communities of practice, Tamman’s thoughtful consultative approach created a more dynamic community of designers, developers and other stakeholders to iteratively build a design system template that is easier to maintain and in a timeframe that the client didn’t know was possible.

Reducing your time to market for your digital products can make all the difference. Our client needed a system to navigate the myriad legal, security and workflow variables to increase speed from conception to delivery. We partnered with them to develop an atomic design and development system to do just that and to ensure each asset was accessible along the way!

The Challenge

Our client had dozens of partners, each needing its own site that required differentiation of benefits, custom language, variable options in messaging and visual characteristics, as well as unique complex legal language.

Screenshot of a design file for the accordion component. Annotations indicate visual and functional specifications for how the accordion should be built.
Specifications for how the accordion component should be built

The Solution

  • Tamman set to work identifying ways to increase time to market by creating repeatable design components that designers could choose from using the atomic design model
  • This required a comprehensive approach to training and collaboration between major groups of stakeholders including product owners, developers, and designers
  • Tamman established a rhythm within the groups that intentionally built components from design through development
Webpage screenshot showing Storybook, a platform for publishing a design system. A list of components on the left side includes accordions, back to top, footnotes, links and logos. The main content section displays a representation of the accordion component. Below that are controls to affect how the accordion displays including changing the label and the content for each accordion.
Designers, product owners, and clients can each interact with the approved Design System elements to shape their vision.

The Result

The big win on this project was that time to market decreased dramatically with the creation of repeatable and recurring elements. Each element received pre-approval and did not have to continually go through the same hurdles for each new partner site. As deadlines were consistently looming, Tamman needed to work fast and think forward to meet the existing needs while setting up the new system. It should go without saying, but of course accessibility was built in at the outset thereby decreasing the burden on QA and remediation down the line.

Up Next

Podcasts

7. Developing a Semantic Component

In this podcast, the Tamman team welcomes Mark Dane, a successful user experience engineer with Cesium. He is a professional designer and a developer since high school who even holds a patent! Mark discusses his latest project, a web component for semantically better organization of lists of business objects and actions associated with them.

Never Miss an Insight

Sign up for emails from Tamman

This field is for validation purposes and should be left unchanged.