Craft a Design System from scratch, on Celonis

Support teams on migration from Sketch and rebranding all Celonis products. We deliver the initial MVP of the Design System within 6 months.
Explore the entire process in the talk I conducted on Figma.

Support teams on migration from Sketch and rebranding all Celonis products. We deliver the initial MVP of the Design System within 6 months.
Explore the entire process in the talk I conducted on Figma.

Support teams on migration from Sketch and rebranding all Celonis products. We deliver the initial MVP of the Design System within 6 months.
Explore the entire process in the talk I conducted on Figma.

Client
Role

Design System

Team

2 Designers (me inld), 3 Engineers

Year

2022

Celonis is a software company that employs process mining and artificial intelligence to analyze and optimize organizational workflows, enhancing operational efficiency through insightful visualization and process improvement.

Context

I collaborated with Matthias Fritch to establish a Design System, migrating from Sketch to Figma and executing a platform redesign within six months. This initiative aimed to align stakeholders, conduct a UI audit, and create a strategic roadmap.

Objective

The goals were creating the UI KIT, technical documentation, guidelines, processes, advocating for cross-functional collaboration, promoting Design System adoption on the 50 designers and 800 developers.

Solution

Conducted UI audits to establish a comprehensive UI KIT and documentation, while I providing support during the transition from Sketch to Figma. Defined efficient communication channels to advocacy the adoption of the Design System and fostering a collaborative design environment. Played a pivotal role in defining the strategic roadmap, prioritizing initiatives aligned with business goals. And supported and taught interns who rotated every six months.
Client
Role

Design System

Team

2 Designers (me inld), 3 Engineers

Year

2022

Celonis is a software company that employs process mining and artificial intelligence to analyze and optimize organizational workflows, enhancing operational efficiency through insightful visualization and process improvement.

Context

I collaborated with Matthias Fritch to establish a Design System, migrating from Sketch to Figma and executing a platform redesign within six months. This initiative aimed to align stakeholders, conduct a UI audit, and create a strategic roadmap.

Objective

The goals were creating the UI KIT, technical documentation, guidelines, processes, advocating for cross-functional collaboration, promoting Design System adoption on the 50 designers and 800 developers.

Solution

Conducted UI audits to establish a comprehensive UI KIT and documentation, while I providing support during the transition from Sketch to Figma. Defined efficient communication channels to advocacy the adoption of the Design System and fostering a collaborative design environment. Played a pivotal role in defining the strategic roadmap, prioritizing initiatives aligned with business goals. And supported and taught interns who rotated every six months.
Client
Role

Design System

Team

2 Designers (me inld), 3 Engineers

Year

2022

Celonis is a software company that employs process mining and artificial intelligence to analyze and optimize organizational workflows, enhancing operational efficiency through insightful visualization and process improvement.

Context

I collaborated with Matthias Fritch to establish a Design System, migrating from Sketch to Figma and executing a platform redesign within six months. This initiative aimed to align stakeholders, conduct a UI audit, and create a strategic roadmap.

Objective

The goals were creating the UI KIT, technical documentation, guidelines, processes, advocating for cross-functional collaboration, promoting Design System adoption on the 50 designers and 800 developers.

Solution

Conducted UI audits to establish a comprehensive UI KIT and documentation, while I providing support during the transition from Sketch to Figma. Defined efficient communication channels to advocacy the adoption of the Design System and fostering a collaborative design environment. Played a pivotal role in defining the strategic roadmap, prioritizing initiatives aligned with business goals. And supported and taught interns who rotated every six months.

Alignment of stakeholders for unified goals

  • Conducted workshops and meetings to align stakeholders on the objectives and benefits of the design system.
  • Advocated for cross-functional collaboration to ensure a shared vision and understanding of design goals.
  • Facilitated communication channels to foster ongoing alignment and feedback loops.
  • Established clear roles and responsibilities to promote accountability and ownership.
  • Leveraged data to demonstrate the impact of the Design System on business outcomes.
  • Implemented strategies to address stakeholder concerns and maintain momentum towards shared objectives.

UI audit and craft

  • Conducted an audit of existing UI components and design assets.
  • Compiled an inventory of UI elements to identify redundancies and opportunities for consolidation.
  • Iteratively refined with developers the UI KIT based on usability testing and feedback from stakeholders.
  • Created all the consistent assets architecture to facilitate usage, contruction and adoption.
  • Mantained all files clean and updated.

Advocacy, community engagement, Design Ops and mentoring

  • Promote the Design System adoption and value across the organization.
  • Engaged with the design community to share best practices and gather insights for continuous improvement.
  • Mentored and coached team members on Design System principles and practices.
  • Acting as a Design Operations & Culture specialist to streamline processes and foster collaboration.
  • Collaborate with engineering to define operational workflows between design and engineering teams.
  • Provided training and support for teams transitioning from Sketch to Figma, ensuring a smooth migration process.
  • Supported and coach all interns, defining clear objectives and tasks to foster their professional growth.

Managing and leading specialists

  • Assembled a team of specialists in Product Design and Design System Engineering.
  • Facilitated cross-functional collaboration and knowledge sharing among team members.
  • Conducted regular design critiques with designers to find new patterns.
  • Navigated ambiguity and complexity to drive design and innovation within the team.

Alignement with goals and vision of the product through the roadmapping

  • Developed a strategic roadmap for the evolution of the Design System, aligning with product and business goals.
  • Prioritized initiatives based on impact, feasibility, and alignment with organizational objectives.
  • Defined key milestones and deliverables to track progress and measure success.
  • Collaborated with cross-functional teams to gather input and feedback for roadmap refinement.
  • Anticipated and addressed potential roadblocks or challenges to ensure successful execution.
  • Communicated roadmap updates and progress to stakeholders to maintain transparency and alignment.

Writing technical docs

  • Authored a technical documentation for the Design System, including guidelines, best practices, glossary, onboarding, and UI KIT releases and component health status.
  • Collaborated with engineers and other stakeholders to ensure accuracy and completeness of documentation.
  • Established processes for maintaining and updating technical documentation to reflect changes and enhancements.
  • Provided training and support to teams on accessing and utilizing technical documentation effectively.
  • Leveraged feedback from users to iteratively improve and refine technical documentation over time.
  • Created guidelines for onboarding new team members and organizing file structures and workflows.

Do you want to see more?

If you’re interested in seeing more, check out the talk I gave on Figma about how we started the design system from scratch. Also, explore the templates and tokens file that we regularly update on the Figma Community.

Celonis Design System project screenshot 1
Celonis Design System project screenshot 2
Celonis Design System project screenshot 3
Celonis Design System project screenshot 4

Selected works

Selected works

Do you want to see more?

If you’re interested in seeing more, check out the talk I gave on Figma about how we started the design system from scratch. Also, explore the templates and tokens file that we regularly update on the Figma Community.

Celonis Design System project screenshot 1
Celonis Design System project screenshot 2
Celonis Design System project screenshot 3
Celonis Design System project screenshot 4

Writing technical docs

  • Authored a technical documentation for the Design System, including guidelines, best practices, glossary, onboarding, and UI KIT releases and component health status.

  • Collaborated with engineers and other stakeholders to ensure accuracy and completeness of documentation.

  • Established processes for maintaining and updating technical documentation to reflect changes and enhancements.

  • Provided training and support to teams on accessing and utilizing technical documentation effectively.

  • Leveraged feedback from users to iteratively improve and refine technical documentation over time.

  • Created guidelines for onboarding new team members and organizing file structures and workflows.

Alignement with goals and vision of the product through the roadmappin

  • Developed a strategic roadmap for the evolution of the Design System, aligning with product and business goals.

  • Prioritized initiatives based on impact, feasibility, and alignment with organizational objectives.

  • Defined key milestones and deliverables to track progress and measure success.

  • Collaborated with cross-functional teams to gather input and feedback for roadmap refinement.

  • Anticipated and addressed potential roadblocks or challenges to ensure successful execution.

  • Communicated roadmap updates and progress to stakeholders to maintain transparency and alignment.

Managing and leading specialists

  • Assembled a team of specialists in Product Design and Design System Engineering.

  • Facilitated cross-functional collaboration and knowledge sharing among team members.

  • Conducted regular design critiques with designers to find new patterns.

  • Navigated ambiguity and complexity to drive design and innovation within the team.

Advocacy, community engagement, Design Ops and mentoring

  • Promote the Design System adoption and value across the organization.

  • Engaged with the design community to share best practices and gather insights for continuous improvement.

  • Mentored and coached team members on Design System principles and practices.

  • Acting as a Design Operations & Culture specialist to streamline processes and foster collaboration.

  • Collaborate with engineering to define operational workflows between design and engineering teams.

  • Provided training and support for teams transitioning from Sketch to Figma, ensuring a smooth migration process.

  • Supported and coach all interns, defining clear objectives and tasks to foster their professional growth.

UI audit and craft

  • Conducted an audit of existing UI components and design assets.

  • Compiled an inventory of UI elements to identify redundancies and opportunities for consolidation.

  • Iteratively refined with developers the UI KIT based on usability testing and feedback from stakeholders.

  • Created all the consistent assets architecture to facilitate usage, contruction and adoption.

  • Mantained all files clean and updated.

Alignment of stakeholders for unified goals

  • Conducted workshops and meetings to align stakeholders on the objectives and benefits of the design system.

  • Advocated for cross-functional collaboration to ensure a shared vision and understanding of design goals.

  • Facilitated communication channels to foster ongoing alignment and feedback loops.

  • Established clear roles and responsibilities to promote accountability and ownership.

  • Leveraged data to demonstrate the impact of the Design System on business outcomes.

  • Implemented strategies to address stakeholder concerns and maintain momentum towards shared objectives.

Do you want to see more?

If you’re interested in seeing more, check out the talk I gave on Figma about how we started the design system from scratch. Also, explore the templates and tokens file that we regularly update on the Figma Community.

Celonis Design System project screenshot 1
Celonis Design System project screenshot 2
Celonis Design System project screenshot 3
Celonis Design System project screenshot 4

Writing technical docs

Writing technical docs

  • Authored a technical documentation for the Design System, including guidelines, best practices, glossary, onboarding, and UI KIT releases and component health status.

  • Collaborated with engineers and other stakeholders to ensure accuracy and completeness of documentation.

  • Established processes for maintaining and updating technical documentation to reflect changes and enhancements.

  • Provided training and support to teams on accessing and utilizing technical documentation effectively.

  • Leveraged feedback from users to iteratively improve and refine technical documentation over time.

  • Created guidelines for onboarding new team members and organizing file structures and workflows.

Alignement with goals and vision of the product through the roadmappin

Alignement with goals and vision of the product through the roadmappin

  • Developed a strategic roadmap for the evolution of the Design System, aligning with product and business goals.

  • Prioritized initiatives based on impact, feasibility, and alignment with organizational objectives.

  • Defined key milestones and deliverables to track progress and measure success.

  • Collaborated with cross-functional teams to gather input and feedback for roadmap refinement.

  • Anticipated and addressed potential roadblocks or challenges to ensure successful execution.

  • Communicated roadmap updates and progress to stakeholders to maintain transparency and alignment.

Managing and leading specialists

Managing and leading specialists

  • Assembled a team of specialists in Product Design and Design System Engineering.

  • Facilitated cross-functional collaboration and knowledge sharing among team members.

  • Conducted regular design critiques with designers to find new patterns.

  • Navigated ambiguity and complexity to drive design and innovation within the team.

Advocacy, community engagement, Design Ops and mentoring

Advocacy, community engagement, Design Ops and mentoring

  • Promote the Design System adoption and value across the organization.

  • Engaged with the design community to share best practices and gather insights for continuous improvement.

  • Mentored and coached team members on Design System principles and practices.

  • Acting as a Design Operations & Culture specialist to streamline processes and foster collaboration.

  • Collaborate with engineering to define operational workflows between design and engineering teams.

  • Provided training and support for teams transitioning from Sketch to Figma, ensuring a smooth migration process.

  • Supported and coach all interns, defining clear objectives and tasks to foster their professional growth.

UI audit and craft

UI audit and craft

  • Conducted an audit of existing UI components and design assets.

  • Compiled an inventory of UI elements to identify redundancies and opportunities for consolidation.

  • Iteratively refined with developers the UI KIT based on usability testing and feedback from stakeholders.

  • Created all the consistent assets architecture to facilitate usage, contruction and adoption.

  • Mantained all files clean and updated.

Alignment of stakeholders for unified goals

Alignment of stakeholders for unified goals

  • Conducted workshops and meetings to align stakeholders on the objectives and benefits of the design system.

  • Advocated for cross-functional collaboration to ensure a shared vision and understanding of design goals.

  • Facilitated communication channels to foster ongoing alignment and feedback loops.

  • Established clear roles and responsibilities to promote accountability and ownership.

  • Leveraged data to demonstrate the impact of the Design System on business outcomes.

  • Implemented strategies to address stakeholder concerns and maintain momentum towards shared objectives.

Wait! Before you go, I have some free resources for you :)

Wait! Before you go, I have some free resources for you :)

Wait! Before you go, I have some free resources for you :)

Selected works