case study

2021 - 2022

Design System

Home Depot

Role: Project Lead, designer, workshop facilitator

Figma • Zeroheight • Miro

In 2021 I was asked to explore and evaluate Figma to see if it could replace Sketch, Invision & Abstract as the primary tool for our UX Design Team.

During a 3 month evaluation period I learned as much as I could about Figma and participated in Figma led workshops and conferences. At the end of the evaluation period the decision was made to make the transition and be operational by Q1 2022.

Once the decision was made, i was asked to plan, manage and build the digital assets required for the team to be able to efficiently create collateral for our projects. This was done by developing a UI Kit, Component Library and Master Template. as well as a roughly defined workflow for future projects.

The next task was to ensure that the organization was adequately trained and prepared to make the transition to Figma.

We began by conducting a series of internally led workshops for designers:

  • Figma Basics
  • Advanced Figma & Prototyping
  • Library usage & workflow

Once training was completed with the UX team, I conducted mini workshops for the product and development teams surrounding basic navigation, the inspect tool & commenting.

My final task was to create a usable design system to consolidate usage guidelines, angular, figma and documentation into a single source of truth and reference for our digital teams utiliziing ZeroHeight.

case study

2021 - 2022

Design System

Home Depot

Role: Project Lead, designer, workshop facilitator

Figma • Zeroheight • Miro

In 2021 I was asked to explore and evaluate Figma to see if it could replace Sketch, Invision & Abstract as the primary tool for our UX Design Team.

During a 3 month evaluation period I learned as much as I could about Figma and participated in Figma led workshops and conferences. At the end of the evaluation period the decision was made to make the transition and be operational by Q1 2022.

Once the decision was made, i was asked to plan, manage and build the digital assets required for the team to be able to efficiently create collateral for our projects. This was done by developing a UI Kit, Component Library and Master Template. as well as a roughly defined workflow for future projects.

The next task was to ensure that the organization was adequately trained and prepared to make the transition to Figma.

We began by conducting a series of internally led workshops for designers:

  • Figma Basics
  • Advanced Figma & Prototyping
  • Library usage & workflow

Once training was completed with the UX team, I conducted mini workshops for the product and development teams surrounding basic navigation, the inspect tool & commenting.

My final task was to create a usable design system to consolidate usage guidelines, angular, figma and documentation into a single source of truth and reference for our digital teams utiliziing ZeroHeight.

case study

2021 - 2022

Design System

Home Depot

Role: Project Lead, designer, workshop facilitator

Figma • Zeroheight • Miro

The plan was to utilize existing libraries and assets as a starting point to develop, build and implement a new design system that would be extended to all staples canada web properties.

In partnership with our design system product owner and collaborating heavily with product design & front end development teams, we defined a workflow, governance model & roadmap.

We began with design system architecture, defined an optimal library structure, evaluated and selected tools and communication channels. This allowed us to set-up a strong foundation on which to build going forward.In 2021, upon completing and launching our initial design system, I was asked to explore and evaluate Figma to see if it could replace Sketch, Invision & Abstract as the primary tool for our UX Design Team.

During a 3-month evaluation period I learned as much as I could about Figma and participated in Figma led workshops and conferences. At the end of the evaluation period we decided make the transition and be operational by Q1 2022.

As the project lead, I was asked to plan, manage and build the digital assets required for the team to be able to efficiently create collateral for our projects, and select supplemental tools to support our objective. This was done by developing a UI Kit, Component Library, Master Template and select a solution for documentation.

After finalizing the design system architecture, we determined governance and roughly defined process & workflow.

The next task was to ensure that the organization was adequately trained and prepared to make the transition to Figma.

We began by conducting a series of internally led workshops for designers:

  • Figma Basics
  • Advanced Figma & Prototyping
  • Library usage & workflow

Once training was completed with the UX team, I conducted mini workshops for the product and development teams surrounding basic navigation, the inspect tool & commenting.

My final task was to create a usable design system to consolidate usage guidelines, angular, figma and documentation into a single source of truth and reference for our digital teams utiliziing ZeroHeight.