AS
AS
Leading the modernization of the PLUS design system
Revamping the PLUS design system
Leading the modernization of the PLUS design system
Revamping PLUS' design system – from pixel-perfect components to supporting the culture surrounding it
From pixel-perfect components to the culture surrounding it
Revamping PLUS' design system – from pixel-perfect components to supporting the culture surrounding it
Role + Team
Role + Team
Design Systems Lead on a team of 4 designers
Design Systems Lead on a team of 4 designers
Design Systems Lead on a team of 4 designers
Timeline
Timeline
7 months, January - August 2025
7 months, January - August 2025
7 months, January - August 2025
Client
Client
PLUS, a tutoring platform supporting 5k+ students with 10k+ hours of learning
PLUS, a tutoring platform supporting 5k+ students with 10k+ hours of learning
PLUS, a tutoring platform supporting 5k+ students with 10k+ hours of learning
Essential Question
Essential Question
How might we better support our designers, users, and developers through our design system?
How might we better support our designers, users, and developers through our design system?
How might we better support our designers, users, and developers through our design system?
PLUS is a learning platform that connects 3,000 students with 200+ tutors to provide 10k+ hours of learning a year.
PLUS is a learning platform that connects 3,000 students with 200+ tutors to provide 10k+ hours of learning a year.
PLUS is a learning platform that connects 3,000 students with 200+ tutors to provide 10k+ hours of learning a year.
As the platform quickly scaled and onboarded 10+ new designers a year, its design system began to show cracks that were starting to slow it down.
As the platform quickly scaled and onboarded 10+ new designers a year, its design system began to show cracks that were starting to slow it down.
Components were duplicated across products
Components were duplicated across products
Gaps in functionality made designers feel constrained
Gaps in functionality made designers feel constrained
Color was implemented incorrectly and inconsistently by designers
Inconsistent color implementation
Colors didn’t reflect the platform's values and branding
Colors didn’t reflect the platform's values and branding
As a Design Systems Lead, I led a series of five initiatives to unify PLUS's inconsistent component library into a cohesive design system used across 4 product pillars.
As a Design Systems Lead, I led a series of five initiatives to unify PLUS's inconsistent component library into a cohesive design system used across 4 product pillars.
1
1
1
Component Design
Component Design
Component Design
Setting a precedent for modular components
Setting a precedent for modular components
Setting a precedent for modular components
2
Color Palette Revamp
Balancing accessible, functional, modern
3
Site Accessibility Audit
Fool-proofing for accessibility
4
Design Systems Visibility
Building a culture
5
Support + Documentation
Proving tools for the team
2
2
Color Palette Revamp
Color Palette Revamp
Revamping 80% of PLUS' color palette
Revamping 80% of PLUS' color palette
3
3
Site Accessibility Audit
Site Accessibility Audit
Balancing inclusive design and brand identity
Balancing inclusive design and brand identity
4
4
Design Systems Growth Culture
Design Systems Growth Culture
Elevating our design system’s visibility
Elevating our design system’s visibility
5
5
Documentation + Support
Documentation + Support
Investing into training and guidance
Investing into training and guidance
Initiative One
Initiative One
Component Design: Setting a precedent for modular components.
Component Design: Setting a precedent for modular components.
Most PLUS components were not modular and thus not flexible nor able to adapt to varied use cases.
This meant that different teams were making slightly different version of similar components over and over again, increasing design debt and development time.
Most PLUS components were not modular and thus not flexible nor able to adapt to varied use cases.
This meant that different teams were making slightly different version of similar components over and over again, increasing design debt and development time.
Most PLUS components were not modular and thus not flexible nor able to adapt to varied use cases.
This meant that different teams were making slightly different version of similar components over and over again, increasing design debt and development time.
3 of 9 instances of a duplicated component
3 of 9 instances of a duplicated component
3 of 9 instances of a duplicated component
I created a modular component that leveraged variables to cover all of the use cases of a select dropdown across the PLUS tutoring platform. This was the most modular component that PLUS had ever implemented, and would serve as a north star when creating future components.
I created a modular component that leveraged variables to cover all of the use cases of a select dropdown across the PLUS tutoring platform. This was the most modular component that PLUS had ever implemented, and would serve as a north star when creating future components.
I created a modular component that leveraged variables to cover all of the use cases of a select dropdown across the PLUS tutoring platform. This was the most modular component that PLUS had ever implemented, and would serve as a north star when creating future components.
A peek into the component's structure
A peek into the component's structure
A peek into the component's structure
With the new SELECT component, we reduced design debt of the select component use from 9 instances to 1, saving engineers hours in component development.
With the new SELECT component, we reduced design debt of the select component use from 9 instances to 1, saving engineers hours in component development.
With the new SELECT component, we reduced design debt of the select component use from 9 instances to 1, saving engineers hours in component development.
Initiative Two
Initiative Two
Color Palette Revamp: Revamping 80% of PLUS' color palette.
Color Palette Revamp: Revamping 80% of PLUS' color palette.
One of the most critical gaps for the design system was its color palette:
Primary and secondary colors were competing for hierarchy.
Colors were ubeing appliedd incorrectly.
Some colors were duplicated and had too many functions.
Brand colors and neutrals colors were being confused by designers.
One of the most critical gaps for the design system was its color palette:
Primary and secondary colors were competing for hierarchy.
Colors were ubeing appliedd incorrectly.
Some colors were duplicated and had too many functions.
Brand colors and neutrals colors were being confused by designers.
One of the most critical gaps for the design system was its color palette:
Primary and secondary colors were competing for hierarchy.
Colors were ubeing appliedd incorrectly.
Some colors were duplicated and had too many functions.
Brand colors and neutrals colors were being confused by designers.
Colors were competing for hierarchy
angles-left
Home
J
John Doe
2
Sign up / Edit
Session links
3
Reflection
How did your session go, [Tutor's Name]?
Share your thoughts about the session to ensure a great experience for all.
location-arrow
Submit Your Reflection
Training Progress
circle-info
6 / 10
Lessons completed
Continue Training
S
M
A
R
T
Continue Lessons
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
Assigned Resources
arrow-left
arrow-right
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
Students Overview
Student Need
circle-info
Relationships
3/3 students need relationship support
S
M
A
R
T
Status
circle-info
37.5%
students has status: outstanding.
37.5%
Effort
circle-info
2/10
students have fulfilled their effort goals.
20%
Progress
circle-info
2/10
students have fulfilled their progress goals.
20%
My Students
View all
Name
arrow-up
Status
arrow-up
Focus Area
arrow-up
Hermione Granger
Needs Motivation
-
Ron Weasley
Needs Motivation
-
Harry Potter
Needs Motivation
-
Luna Lovegood
Needs Motivation
circle-dot
Relationships
Harry Potter
Needs Motivation
circle-dot
Advocacy
angles-left
Home
J
John Doe
2
Sign up / Edit
Session links
3
Reflection
How did your session go, [Tutor's Name]?
Share your thoughts about the session to ensure a great experience for all.
location-arrow
Submit Your Reflection
Training Progress
circle-info
6 / 10
Lessons completed
Continue Training
S
M
A
R
T
Continue Lessons
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
Assigned Resources
arrow-left
arrow-right
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
Students Overview
Student Need
circle-info
Relationships
3/3 students need relationship support
S
M
A
R
T
Status
circle-info
37.5%
students has status: outstanding.
37.5%
Effort
circle-info
2/10
students have fulfilled their effort goals.
20%
Progress
circle-info
2/10
students have fulfilled their progress goals.
20%
My Students
View all
Name
arrow-up
Status
arrow-up
Focus Area
arrow-up
Hermione Granger
Needs Motivation
-
Ron Weasley
Needs Motivation
-
Harry Potter
Needs Motivation
-
Luna Lovegood
Needs Motivation
circle-dot
Relationships
Harry Potter
Needs Motivation
circle-dot
Advocacy
00658E
Primary
006972
Secondary
Colors, especially neutrals, were being applied wrong
Colors were duplicated in the palette, causing confusion
Colors were competing for hierarchy
angles-left
Home
J
John Doe
2
Sign up / Edit
Session links
3
Reflection
How did your session go, [Tutor's Name]?
Share your thoughts about the session to ensure a great experience for all.
location-arrow
Submit Your Reflection
Training Progress
circle-info
6 / 10
Lessons completed
Continue Training
S
M
A
R
T
Continue Lessons
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
Assigned Resources
arrow-left
arrow-right
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
Students Overview
Student Need
circle-info
Relationships
3/3 students need relationship support
S
M
A
R
T
Status
circle-info
37.5%
students has status: outstanding.
37.5%
Effort
circle-info
2/10
students have fulfilled their effort goals.
20%
Progress
circle-info
2/10
students have fulfilled their progress goals.
20%
My Students
View all
Name
arrow-up
Status
arrow-up
Focus Area
arrow-up
Hermione Granger
Needs Motivation
-
Ron Weasley
Needs Motivation
-
Harry Potter
Needs Motivation
-
Luna Lovegood
Needs Motivation
circle-dot
Relationships
Harry Potter
Needs Motivation
circle-dot
Advocacy
angles-left
Home
J
John Doe
2
Sign up / Edit
Session links
3
Reflection
How did your session go, [Tutor's Name]?
Share your thoughts about the session to ensure a great experience for all.
location-arrow
Submit Your Reflection
Training Progress
circle-info
6 / 10
Lessons completed
Continue Training
S
M
A
R
T
Continue Lessons
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
Assigned Resources
arrow-left
arrow-right
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
Students Overview
Student Need
circle-info
Relationships
3/3 students need relationship support
S
M
A
R
T
Status
circle-info
37.5%
students has status: outstanding.
37.5%
Effort
circle-info
2/10
students have fulfilled their effort goals.
20%
Progress
circle-info
2/10
students have fulfilled their progress goals.
20%
My Students
View all
Name
arrow-up
Status
arrow-up
Focus Area
arrow-up
Hermione Granger
Needs Motivation
-
Ron Weasley
Needs Motivation
-
Harry Potter
Needs Motivation
-
Luna Lovegood
Needs Motivation
circle-dot
Relationships
Harry Potter
Needs Motivation
circle-dot
Advocacy
00658E
Primary
006972
Secondary
Colors, especially neutrals, were being applied wrong
Colors were duplicated in the palette, causing confusion
Colors were competing for hierarchy
angles-left
Home
J
John Doe
2
Sign up / Edit
Session links
3
Reflection
How did your session go, [Tutor's Name]?
Share your thoughts about the session to ensure a great experience for all.
location-arrow
Submit Your Reflection
Training Progress
circle-info
6 / 10
Lessons completed
Continue Training
S
M
A
R
T
Continue Lessons
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
Assigned Resources
arrow-left
arrow-right
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
Students Overview
Student Need
circle-info
Relationships
3/3 students need relationship support
S
M
A
R
T
Status
circle-info
37.5%
students has status: outstanding.
37.5%
Effort
circle-info
2/10
students have fulfilled their effort goals.
20%
Progress
circle-info
2/10
students have fulfilled their progress goals.
20%
My Students
View all
Name
arrow-up
Status
arrow-up
Focus Area
arrow-up
Hermione Granger
Needs Motivation
-
Ron Weasley
Needs Motivation
-
Harry Potter
Needs Motivation
-
Luna Lovegood
Needs Motivation
circle-dot
Relationships
Harry Potter
Needs Motivation
circle-dot
Advocacy
angles-left
Home
J
John Doe
2
Sign up / Edit
Session links
3
Reflection
How did your session go, [Tutor's Name]?
Share your thoughts about the session to ensure a great experience for all.
location-arrow
Submit Your Reflection
Training Progress
circle-info
6 / 10
Lessons completed
Continue Training
S
M
A
R
T
Continue Lessons
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
spinner
In Progress
An example of a Lesson Name that gets too long
circle-dot
Social-Emotional Learning
12mins
Continue
Assigned Resources
arrow-left
arrow-right
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
video
Use Culturally Responsive Teaching Practices
Supporting students with learning differences during the coronavirus pandemic is a critical and multifaceted challenge
12 mins
circle-check
circle-dot
Mastering Content
get started
Students Overview
Student Need
circle-info
Relationships
3/3 students need relationship support
S
M
A
R
T
Status
circle-info
37.5%
students has status: outstanding.
37.5%
Effort
circle-info
2/10
students have fulfilled their effort goals.
20%
Progress
circle-info
2/10
students have fulfilled their progress goals.
20%
My Students
View all
Name
arrow-up
Status
arrow-up
Focus Area
arrow-up
Hermione Granger
Needs Motivation
-
Ron Weasley
Needs Motivation
-
Harry Potter
Needs Motivation
-
Luna Lovegood
Needs Motivation
circle-dot
Relationships
Harry Potter
Needs Motivation
circle-dot
Advocacy
00658E
Primary
006972
Secondary
Colors, especially neutrals, were being applied wrong
Colors were duplicated in the palette, causing confusion
To begin solving these pain points, we started with a palette update.
I brainstormed a variety of color palettes leveraging AI tools such as v0 and Claude, which enabled me to output a wide set of options quickly. Then, I evaluated our options across key UI screens:
To begin solving these pain points, we started with a palette update.
I brainstormed a variety of color palettes leveraging AI tools such as v0 and Claude, which enabled me to output a wide set of options quickly. Then, I evaluated our options across key UI screens:
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Palette One
#5D9BAF
#869398
#8E8FA5
Palette Two
#5D9BAF
2D5A6B
#008E6F
Palette Three
#3C669D
#384858
#008E6F
Palette Four
#0E8CB8
#2D5A6B
#008E6F
Finally, I involved the entire design team to critique our options and align on a decision. The result was an update of 80% of the PLUS color palette to better define color roles and the PLUS brand.
Finally, I involved the entire design team to critique our options and align on a decision. The result was an update of 80% of the PLUS color palette to better define color roles and the PLUS brand.
Simplifying our palette meant simplifying our components at the atomic level, cutting over 200 components to reduce design errors and redundant development time.
Simplifying our palette meant simplifying our components at the atomic level, cutting over 200 components to reduce design errors and redundant development time.
Initiative Three
Initiative Three
Accessibility Audits: Balancing inclusive design and our young brand identity.
Accessibility Audits: Balancing inclusive design and our young brand identity.
In the process of doing a holistic audit of our design system and new color palette, I realized that we were not always meeting AA accessibility standards. The problem was that palettes which did meet AA standards sacrificed our lighter palette.
To ensure we could still refresh our palette and meet AA accessibility standards, I introduced a new variable, called ‘Text’ for each color in our palette:
In the process of doing a holistic audit of our design system and new color palette, I realized that we were not always meeting AA accessibility standards. The problem was that palettes which did meet AA standards sacrificed our lighter palette.
To ensure we could still refresh our palette and meet AA accessibility standards, I introduced a new variable, called ‘Text’ for each color in our palette:
In the process of doing a holistic audit of our design system and new color palette, I realized that we were not always meeting AA accessibility standards. The problem was that palettes which did meet AA standards sacrificed our lighter palette.
To ensure we could still refresh our palette and meet AA accessibility standards, I introduced a new variable, called ‘Text’ for each color in our palette:
🆕
🆕
🆕
The new 'Text' variants ensure all typography meets WCAG AA standards while preserving our vibrant brand colors for backgrounds and UI elements.
The new 'Text' variants ensure all typography meets WCAG AA standards while preserving our vibrant brand colors for backgrounds and UI elements.
Initiative Four
Initiative Four
Design Systems Growth Culture: Elevating our design system’s visibility.
Design Systems Growth Culture: Elevating our design system’s visibility.
One way to ensure designers were on board with our updates was to include them in the decision process. I led two share-outs with the design team and facilitated a workshop where all designers helped choose our new palette.
One way to ensure designers were on board with our updates was to include them in the decision process. I led two share-outs with the design team and facilitated a workshop where all designers helped choose our new palette.
Initiative Five
Initiative Five
Documentation + Support: Investing into training and guidance.
Documentation + Support: Investing into training and guidance.
With new components, a refined color system, and elevated visibility, the final step was ensuring the work was scalable, replicable, and shippable.
The way to do this was through detailed documentation that explained how each update worked in language relevant to both designers and developers:
With new components, a refined color system, and elevated visibility, the final step was ensuring the work was scalable, replicable, and shippable.
The way to do this was through detailed documentation that explained how each update worked in language relevant to both designers and developers:
Impact: Designing for scalability, accessibility, and efficiency.
Impact: Designing for scalability, accessibility, and efficiency.
Through the five projects, I was able to make a valuable impact on the entire platform, demonstrating the importance of system’s thinking and cultural support for design.
Through the five projects, I was able to make a valuable impact on the entire platform, demonstrating the importance of system’s thinking and cultural support for design.
redeuced duplicated component usage from 9 instances to 1
20% improvement in AA text compliance
20% improvement in AA text compliance
20% improvement in AA text compliance
2 teammates mentored on design systems
2 teammates mentored on design systems
2 teammates mentored on design systems
reduction in component bloat through clear color guidelines
reduction in component bloat through clear color guidelines
reduction in component bloat through clear color guidelines
reduced designer onboarding times and errors through defined token scopes
reduced designer onboarding times and errors through defined token scopes
reduced designer onboarding times and errors through defined token scopes
increased designer engagement in design systems growth and maintenance
increased designer engagement in design systems growth and maintenance
Thanks for stopping by!
I'm actively seeking product design roles at companies building thoughtful, research-informed products.
Thanks for stopping by!
I'm actively seeking product design roles at companies building thoughtful, research-informed products.
Let's connect?
Thanks for stopping by!
I'm actively seeking product design roles at companies building thoughtful, research-informed products.