top of page
aem.jpg
ABC (Client name has been hidden due to NDA)

Optimised Design System for Content Management System

Streamlining a design system of core templates and components to create a flexible content-authoring experience that improves operational efficiencies & drives brand consistency
My Role
UI Designer
What I Did
Component and Template Audit, UI Design,  Design System
The Objectives

Reinforce consistency to simplify the experience for our external & internal users

A streamlined experience to enhance usability
Unify divisions under a shared component & template system to provide a consistent visual experience and enhance website usability, facilitate cross-divisional exploration, and increase engagement.
Simplify & accelerate publishing capabilities
Enhance how divisions publish content through a simplified system of drag-and-drop components & pre-built templates that requires minimal development intervention so all SPG divisions can publish content at speed and scale.

Our team conducted 2 separate audits to understand the foundational components and templates needed for our future design system. This system will contain a streamlined number of templates and drag-and-drop components that set a flexible foundation for all divisions’ content marketing needs.

Method.png

The Component Consolidation

Enhance how divisions publish content through a simplified system of drag-and-drop components & pre-built templates that requires minimal development intervention so all SPG divisions can publish content at speed and scale.
Compoent Audit.png

The Template Consolidation

We audited templates from across all SPG divisions on Tridion & CrownPeak to determine template types, referenced best-in-class examples externally, and regularly reviewed iterations with all divisional product owners to align on an a shared approach to managing content moving forward. PO experiences, needs and pain-points were a core consideration in our design process.
Template audit.png
The Component Flipbook
Consolidated list of components
Interactive prototype of components with documentation
Source of truth for Devs and POs which would give specs and documentation on each component
Serves as a tool to assist with content migration and a training manual for new content authors
Frame 3465362.png
The Template  Flipbook
Consolidated list of 10 Core templates
Responsive designs for each
Additional component mapping did each template to give an idea to author  to understand the component that comprise each template
The Impact

Templates and components precisely designed, which can be used by any divisions and would provide consistent experience

77 Components
Consolidated  from ~330 legacy components
15 Templates
Consolidated  from ~250 Crownpeak and Tridion templates
308K + Pages
No of pages migrated using the new designs
bottom of page