Design System

Design system

Mission

CAP Design System to be the first of multiple systems built to support our team of designers and engineers in creating better features and experiences, and with the overall intent of creating a cohesive family of products.

Objective

Build a single source of truth that groups all the elements that will allow the teams to design, realise and develop a product increasing and maintaining quality.

Key outcomes

  • Centralised knowledge base
  • Cross-platform consistency
  • Less excess.

Deliverables

  • Components
  • Foundations
  • Governance
  • Guidelines

Planning

In consultancy with the Lead of Engineering, I've created a plan for executing specific tasks, throughout 6 phases, by the design team. Once the structure was set, we built: foundations, components that aligned with the Storybook library, governance, guidelines and more. 

Journey

The project started at the end of the year 2018. The engineering team had to start developing features in a new environment. Because of that, the design team took the opportunity to refresh the UI for the coming feature in the roadmap and translate the UI into reusable components. That led us to the beginning of our component library. At the beginning of 2021, we finally socialised the design system to all teams and enabling them to scale quickly, yet maintaining quality.

Resources

Guidelines are on a web source that is available to everyone within the organisation . For designers, components are available in Sketch by syncing a master file where the component symbols were created. For engineers, the live components are available on Storybook and visible to everyone in the organisation. 

Governance

UX CONSOLIDATION

Bringing multiple platforms into one seamless solution. Bridge user flows that may or may not start and end within the same module or even product. 

See more →
Share by: