Henry Schein One Logo
Role: Senior Director of User Experience & Research

Overview

Henry Schein One is a dental tech company with products that have dominated the industry for over 30 years. When I joined as the Senior Director of User Experience, I spearheaded the design system initiative, aimed at creating a unified visual language and scalable framework across our digital products.

Results

Reduced time-to-market by 90% for one product and 30% across the entire portfolio, significantly reducing costs and improving profitability.

Challenges

The design and development teams faced significant challenges due to inconsistencies in the UI components and codebase across multiple products. These inconsistencies led to duplicated efforts, increased maintenance costs, and a fragmented user experience. It became clear that without a unified approach, scaling the platform would be unsustainable.

Strategy

I introduced a robust design system that standardized UI components, streamlined workflows, and enabled seamless collaboration between design and engineering.

Plan

The complexity of the product landscape required a unique approach to the design system. Henry Schein One's platform supported two types of products: on-premises solutions built for Windows and cloud-hosted offerings. To accommodate both, I led the creation of a unified design system, named Resin, with two specialized interfaces—Veneer and Lumineer. Resin established consistent principles, content, and aesthetics across products, while Veneer and Lumineer translated these fundamentals into patterns and components tailored to their respective environments.
Ultimately we broke the process up into three phases:

Phase 1: Laying the Foundations

With the plan in place, we established clear design system principles and crafted a cohesive vision for the new interfaces' look and feel.
Values & Principles
Before moving forward, our team defined core values and principles by asking two key questions:
Through extensive brainstorming, we aligned on the product values and foundational design system principles that would drive our vision.
Design System ImageDesign System Image
Look & Feel
Considering the purpose of our products—supporting dental practices and patient care coordination—our goal was to create a visual identity that felt refreshing yet understated. Conveniently, Henry Schein One’s branding team was finalizing a brand refresh at the same time, allowing us to collaborate closely and swiftly align on fonts, colors, and visual elements.
Design System ImageDesign System ImageDesign System ImageDesign System Image

Phase 2: Standardizing Library Components

Within approximately two months, we developed most of the essential standardized form elements, along with several key molecules and organisms, for the pilot project of the design system implementation.
Design System ImageDesign System ImageDesign System ImageDesign System ImageDesign System ImageDesign System Image
Building A Design System in Figma
The Resin design system team used a combination of variables, styles, and nested libraries to organize and create the Resin Design System in Figma.
Variables & Styles
By creating multiple base variable collections that feed into a usage variables and styles, we were able to create a clean, scalable system of colors, typography, shapes, & sizes.
Libraries
In order to achieve a unified design system with two branching interfaces, we created a four-tiered system of libraries.
Design System Image
Tier 1: Helpers Library
This library had all the organizational tools used by designers to help them in the creation and organization of their mockups.
Design System ImageDesign System ImageDesign System ImageDesign System Image
Tier 2: Variables, Styles, and Assets Library
Provides the necessary building blocks for the component library.
Design System ImageDesign System ImageDesign System ImageDesign System ImageDesign System ImageDesign System Image
Tier 3: Resin Design System Component Library

Home to any components that are shared across the two interfaces

Design System ImageDesign System Image
Tier 4: Veneer UI Component Library & Lumineer UI Component Library

Holds all components needed for designers to do their work, including custom components as well as nested shared components

Design System ImageDesign System Image