WEBSITE
UI DESIGN
DESIGN SYSTEM
EVANGELISM
Spearheading LP’s first design system to help scale a national brand.
LP’s digital presence was fragmented across different regions and audiences, leading to one-off designs and a lack of consistency. I identified the need for a centralized source of truth to handle these competing priorities without sacrificing visual integrity or speed.
My Role:
Design Systems Specialist UX Designer UI Designer Creative Collaborator In-House Education
My Contributions:
Component Creation Design System Management Facilitation Across Departments Evangelist
WEBSITE
UI DESIGN
DESIGN SYSTEM
EVANGELISM
Spearheading LP’s first design system to help scale a national brand.
LP’s digital presence was fragmented across different regions and audiences, leading to one-off designs and a lack of consistency. I identified the need for a centralized source of truth to handle these competing priorities without sacrificing visual integrity or speed.
My Role:
Design Systems Specialist UX Designer UI Designer Creative Collaborator In-House Education
My Contributions:
Component Creation Design System Management Facilitation Across Departments Evangelist
WEBSITE
UI DESIGN
DESIGN SYSTEM
EVANGELISM
Spearheading LP’s first design system to help scale a national brand.
LP’s digital presence was fragmented across different regions and audiences, leading to one-off designs and a lack of consistency. I identified the need for a centralized source of truth to handle these competing priorities without sacrificing visual integrity or speed.
My Role:
Design Systems Specialist UX Designer UI Designer Creative Collaborator In-House Education
My Contributions:
Component Creation Design System Management Facilitation Across Departments Evangelist
WEBSITE
UI DESIGN
DESIGN SYSTEM
EVANGELISM
Spearheading LP’s first design system to help scale a national brand.
LP’s digital presence was fragmented across different regions and audiences, leading to one-off designs and a lack of consistency. I identified the need for a centralized source of truth to handle these competing priorities without sacrificing visual integrity or speed.
My Role:
Design Systems Specialist UX Designer UI Designer Creative Collaborator In-House Education
My Contributions:
Component Creation Design System Management Facilitation Across Departments Evangelist
450+
Components
1000+
Work Hours Saved
3
Collaborating Teams
450+
Components
1000+
Work Hours Saved
3
Collaborating Teams
450+
Components
1000+
Work Hours Saved
3
Collaborating Teams
450+
Components
1000+
Work Hours Saved
3
Collaborating Teams
Establishing a definitive source for the LP brand helped to break down departmental silos between the interactive and creative departments, increasing collaboration.
Establishing a definitive source for the LP brand helped to break down departmental silos between the interactive and creative departments, increasing collaboration.
Establishing a definitive source for the LP brand helped to break down departmental silos between the interactive and creative departments, increasing collaboration.
Establishing a definitive source for the LP brand helped to break down departmental silos between the interactive and creative departments, increasing collaboration.
THE PROCESS
Turning chaos into a refined system is a labor of love.
Initially, LP's assets were scattered across disparate files, leading to massive brand drift. I identified the need for a unified library and spent years architecting a centralized UI Kit that could support multiple brands and audiences from a single foundation.
THE PROCESS
Turning chaos into a refined system is a labor of love.
Initially, LP's assets were scattered across disparate files, leading to massive brand drift. I identified the need for a unified library and spent years architecting a centralized UI Kit that could support multiple brands and audiences from a single foundation.
THE PROCESS
Turning chaos into a refined system is a labor of love.
Initially, LP's assets were scattered across disparate files, leading to massive brand drift. I identified the need for a unified library and spent years architecting a centralized UI Kit that could support multiple brands and audiences from a single foundation.
THE PROCESS
Turning chaos into a refined system is a labor of love.
Initially, LP's assets were scattered across disparate files, leading to massive brand drift. I identified the need for a unified library and spent years architecting a centralized UI Kit that could support multiple brands and audiences from a single foundation.
CHALLENGES & COMPROMISES
Navigating uncharted waters in an organization.
Introducing a design system into a culture that didn't yet support it required persistent evangelism. I didn't just build components; I had to build the infrastructure for collaboration while navigating the complex realities of client and agency shifts.
Overcoming Cultural Resistance
The primary challenge was shifting the agency’s mindset towards systems thinking, demonstrating the long-term ROI to stakeholders.
Collaborative Governance
I trained a creative counterpart on the system's architecture. This was a strategic compromise to ensure the system remained flexible enough for others to use.
The Handoff Paradox
A major challenge occurred when LP transitioned agencies; despite the lack of a facilitated handoff, the system I built proved its worth by being prescriptive enough to guide a new team without my involvement.
CHALLENGES & COMPROMISES
Navigating uncharted waters in an organization.
Introducing a design system into a culture that didn't yet support it required persistent evangelism. I didn't just build components; I had to build the infrastructure for collaboration while navigating the complex realities of client and agency shifts.
Overcoming Cultural Resistance
The primary challenge was shifting the agency’s mindset towards systems thinking, demonstrating the long-term ROI to stakeholders.
Collaborative Governance
I trained a creative counterpart on the system's architecture. This was a strategic compromise to ensure the system remained flexible enough for others to use.
The Handoff Paradox
A major challenge occurred when LP transitioned agencies; despite the lack of a facilitated handoff, the system I built proved its worth by being prescriptive enough to guide a new team without my involvement.
CHALLENGES & COMPROMISES
Navigating uncharted waters in an organization.
Introducing a design system into a culture that didn't yet support it required persistent evangelism. I didn't just build components; I had to build the infrastructure for collaboration while navigating the complex realities of client and agency shifts.
Overcoming Cultural Resistance
The primary challenge was shifting the agency’s mindset towards systems thinking, demonstrating the long-term ROI to stakeholders.
Collaborative Governance
I trained a creative counterpart on the system's architecture. This was a strategic compromise to ensure the system remained flexible enough for others to use.
The Handoff Paradox
A major challenge occurred when LP transitioned agencies; despite the lack of a facilitated handoff, the system I built proved its worth by being prescriptive enough to guide a new team without my involvement.
CHALLENGES & COMPROMISES
Navigating uncharted waters in an organization.
Introducing a design system into a culture that didn't yet support it required persistent evangelism. I didn't just build components; I had to build the infrastructure for collaboration while navigating the complex realities of client and agency shifts.
Overcoming Cultural Resistance
The primary challenge was shifting the agency’s mindset towards systems thinking, demonstrating the long-term ROI to stakeholders.
Collaborative Governance
I trained a creative counterpart on the system's architecture. This was a strategic compromise to ensure the system remained flexible enough for others to use.
The Handoff Paradox
A major challenge occurred when LP transitioned agencies; despite the lack of a facilitated handoff, the system I built proved its worth by being prescriptive enough to guide a new team without my involvement.
THEY GROW UP SO FAST
There was a need for a centralized UI kit. I took it further.
Having dabbled in design systems before I came to the agency, the LP design system gave me an opportunity to put my obsession into practice.
THEY GROW UP SO FAST
There was a need for a centralized UI kit. I took it further.
Having dabbled in design systems before I came to the agency, the LP design system gave me an opportunity to put my obsession into practice.
THEY GROW UP SO FAST
There was a need for a centralized UI kit. I took it further.
Having dabbled in design systems before I came to the agency, the LP design system gave me an opportunity to put my obsession into practice.
THEY GROW UP SO FAST
There was a need for a centralized UI kit. I took it further.
Having dabbled in design systems before I came to the agency, the LP design system gave me an opportunity to put my obsession into practice.
HANDLING EDGE CASES
Stress tests are inevitable (and welcome)!
There are times when the design system supports a quick pivot due to constraints, like when we had to update this bento grid card to accommodate insanely long technical product names.
HANDLING EDGE CASES
Stress tests are inevitable (and welcome)!
There are times when the design system supports a quick pivot due to constraints, like when we had to update this bento grid card to accommodate insanely long technical product names.
HANDLING EDGE CASES
Stress tests are inevitable (and welcome)!
There are times when the design system supports a quick pivot due to constraints, like when we had to update this bento grid card to accommodate insanely long technical product names.
HANDLING EDGE CASES
Stress tests are inevitable (and welcome)!
There are times when the design system supports a quick pivot due to constraints, like when we had to update this bento grid card to accommodate insanely long technical product names.
DESIGN TOKENS
Establishing a Shared Language
I worked alongside our team of engineers to establish a consistent naming system between tokens to component names. This set the standard for us as a team for future systems.
DESIGN TOKENS
Establishing a Shared Language
I worked alongside our team of engineers to establish a consistent naming system between tokens to component names. This set the standard for us as a team for future systems.
DESIGN TOKENS
Establishing a Shared Language
I worked alongside our team of engineers to establish a consistent naming system between tokens to component names. This set the standard for us as a team for future systems.
DESIGN TOKENS
Establishing a Shared Language
I worked alongside our team of engineers to establish a consistent naming system from tokens and component names. This set the standard for us as a team for future systems, which we continue to refine.
MY KEY CONTRIBUTIONS
Going from mockups to a living system.
In a decisive collaboration with engineering, the design system evolved from a Figma library into a robust, living ecosystem with a 1:1 code counterpart in Storybook. I conducted an audit of every component to ensure total alignment across our token architecture and UI logic. I was instrumental to the LP website redesign.
MY KEY CONTRIBUTIONS
Going from mockups to a living system.
In a decisive collaboration with engineering, the design system evolved from a Figma library into a robust, living ecosystem with a 1:1 code counterpart in Storybook. I conducted an audit of every component to ensure total alignment across our token architecture and UI logic. I was instrumental to the LP website redesign.
MY KEY CONTRIBUTIONS
Going from mockups to a living system.
In a decisive collaboration with engineering, the design system evolved from a Figma library into a robust, living ecosystem with a 1:1 code counterpart in Storybook. I conducted an audit of every component to ensure total alignment across our token architecture and UI logic. I was instrumental to the LP website redesign.
MY KEY CONTRIBUTIONS
Going from mockups to a living system.
In a decisive collaboration with engineering, the design system evolved from a Figma library into a robust, living ecosystem with a 1:1 code counterpart in Storybook. I conducted an audit of every component to ensure total alignment across our token architecture and UI logic. I was instrumental to the LP website redesign.
IN CONCLUSION
Our systems culture continues.
I led the 0-1 architecture of LP’s flagship design system, transforming a fragmented ecosystem of assets into a centralized, multi-brand source of truth. Ultimately, I delivered a portable, robust system that ensured total brand continuity through a major agency transition, proving its value as a standalone, self-documenting asset. You can see the live components on LP's refreshed website, check it out!
IN CONCLUSION
Our systems culture continues.
I led the 0-1 architecture of LP’s flagship design system, transforming a fragmented ecosystem of assets into a centralized, multi-brand source of truth. Ultimately, I delivered a portable, robust system that ensured total brand continuity through a major agency transition, proving its value as a standalone, self-documenting asset. You can see the live components on LP's refreshed website, check it out!
IN CONCLUSION
Our systems culture continues.
I led the 0-1 architecture of LP’s flagship design system, transforming a fragmented ecosystem of assets into a centralized, multi-brand source of truth. Ultimately, I delivered a portable, robust system that ensured total brand continuity through a major agency transition, proving its value as a standalone, self-documenting asset. You can see the live components on LP's refreshed website, check it out!
IN CONCLUSION
Our systems culture continues.
The design system evolved from a Figma library into a robust, living ecosystem with a 1:1 code counterpart in Storybook. I conducted an audit of every component, collaborating with engineering to ensure total alignment across our token architecture and UI logic. This was the instrumental engine behind the LP website redesign, which is currently live. Check it out!
