Johnson & Johnson

Johnson & Johnson

Johnson & Johnson

Johnson & Johnson

Design Ops

The true value of a global design system is in establishing a shared knowledge base of processes empowering teams to work with clarity, speed, and consistency.

My Role

With countless internal and external teams working at high speed, the scale and pace of product development in J&J demanded a solution that truly help the teams overcome the challenges they face day to day regarding design.

I proposed the creation of a design ops strategy including a full fledge design system as a base for knowledge management of internal product design, and design processes for digital transformation.

My Role

With countless internal and external teams working at high speed, the scale and pace of product development in J&J demanded a solution that truly help the teams overcome the challenges they face day to day regarding design.

I proposed the creation of a design ops strategy including a full fledge design system as a base for knowledge management of internal product design, and design processes for digital transformation.

My Role

With countless internal and external teams working at high speed, the scale and pace of product development in J&J demanded a solution that truly help the teams overcome the challenges they face day to day regarding design.

I proposed the creation of a design ops strategy including a full fledge design system as a base for knowledge management of internal product design, and design processes for digital transformation.

My Role

With countless internal and external teams working at high speed, the scale and pace of product development in J&J demanded a solution that truly help the teams overcome the challenges they face day to day regarding design.

I proposed the creation of a design ops strategy including a full fledge design system as a base for knowledge management of internal product design, and design processes for digital transformation.

0

Designers

0

Developers

Distribution Centers

300

0

Stakeholers

0

Base components and variants

The challenge

There wasn’t a large budget allocated for a dedicated internal design system team, the focus was on marketing, I took on the challenge and proposed to build a design system for digital transformation myself, why? I needed to align a big number of designers, working with thousands of designers around the world, embedded across various product teams, with varying levels of design expertise, a shared knowledge base becomes essential, my vision was to align teams and maintain a consistent level of quality across products, regardless of who is designing them.

That’s where Design Operations comes in. More than a library of components, a Design Ops strategy brings structure and clarity. It helps teams understand their position in the design process, how to move forward, with the right tools, It serves as a practical, accessible toolbox of design knowledge for everyone involved.

The
results

Documentation of the atoms in the J&J design system

Documentation of the components in the J&J design system

Data visualization design system

Documentation of the icons in the J&J design system

Some screens designed by different teams using the design system

Templates with instances of UI elements

The
results

Documentation of the atoms in the J&J design system

Documentation of the components in the J&J design system

Data visualization design system

Documentation of the icons in the J&J design system

Some screens designed by different teams using the design system

Templates with instances of UI elements

The
results

Documentation of the atoms in the J&J design system

Documentation of the components in the J&J design system

Data visualization design system

Documentation of the icons in the J&J design system

Some screens designed by different teams using the design system

Templates with instances of UI elements

Core Insight

Design ops empower teams to make better decisions, faster and with confidence.

Outcome

I trained multiple Product Managers across the organization on the DesignOps framework including the design thinking process, and contributed to the creation of the Product Design chapter in the official PM Playbook adapted to be used with SAFe Agile. I also integrated the design system documentation into the company-wide knowledge base.


On the delivery side, I built a comprehensive design system in Figma and translated it into production-ready code using MUI, leveraging both AI tools and my deep CSS expertise. The system was developed to align with the company’s standardized tech stack, built on React and Next.js.

Atoms of the J&J design system

Atoms of the J&J design system

Components

Components

Data visualization design system

Data visualization design system

Icons

Icons

Screens

Screens

Template instances

Template instances

Atoms of the J&J design system

Atoms of the J&J design system

Components

Components

Data visualization design system

Data visualization design system

Icons

Icons

Screens

Screens

Template instances

Template instances