Style guide redesign

Sage, 2025

Before

After

New section

Examples: Confirmation dialogs

Case study summary

Challenge

In 2025, I led the effort to publish a redesigned Content Style Guide at Sage that would include a new section for product UI content.

When I joined Sage in 2022, product UI content guidelines barely existed and were scattered in many locations. Some teams had attempted to create these guidelines on wiki pages, while others had tried to embed them within the Sage Design System site. Still more of these guidelines appeared in an Accessibility Hub website and more again in a new AI Hub website. Finally, companies that had been acquired by Sage brought their own content guidelines with them. The lack of centralized product UI content guidelines was making it impossible for content design teams to create consistent UI content across Sage products, making customer experiences disjointed and sometimes frustrating. A single set of product UI content guidelines was needed to align teams across the company.

Approach

To address this, I needed to create a new section in the current content style guide and then move or archive the product UI content guidelines that existed in all the other locations.

As I began this work, it became clear that the current style guide needed a redesign. It contained many redundant topics, and the navigation was crowded and confusing. As I started writing the new product UI content guidelines, I simultaneously began an audit of the current site architecture. I gained approval from the content style guide committee to move forward with a new site navigation, and then I enlisted a writing partner to get the migration work completed while I continued writing the UI content section. 

Once the new site navigation was built, the work proceeded rapidly. Within 6 months from approval of the new navigation, the redesigned Content Style Guide site was live.

Outcome

In June, 2025, a new content style guide with a simplified navigation and a new product UI content section was published.

Sage employees have a single site to use for all content guidelines, including a new product UI content section.

Impact

Sage customers are beginning to experience a seamless, consistent experience across all content touchpoints.

Role

Lead Content Designer

Impact

Sage customers are experiencing consistent content across all products and touchpoints.

Outcome

Sage employees have a one-stop shop experience for all content guidelines, including product UI content.

Workshops

Content audit in Miro

New sitemap in Miro

Focus areas

Information architecture for a new site

Page layout design

Product UI content guidelines

Examples for product UI content guidelines created in Figma

Result

A new content style guide site with a new Product UI content section was built and published in 6 months.

Request full case study
Previous
Previous

Content design pattern, Sage, 2023