Scaling EF Language’s design system for speed and consistency
Company
EF Language Abroad
Project duration
2022 – 2025 (living organism)
Role
Experience Design Director
How we unified components to ship faster across EF language
SituationWith multiple designers working across EF Language, visual and functional inconsistencies were slowing down delivery and impacting quality.
A more unified, scalable system was needed for EF Language.
EF Language Designsystem
+18.4%
conversion increase
-11%
bounce rate decrease
Design system components from buttons to cards to form fields.
TaskAlign on a shared set of components and patterns that reflected EF’s brand while allowing flexibility for language-specific needs.
Flexible hero with gradients by product and CTAs and labels defined.
ActionIn a highly collaborative setup, I worked with designers and developers to:
• Extend EF’s core design system with language-themed elements
• Document flexible, accessible components
• Support handover and QA for faster implementation
Language specific course cards across four viewport sizes
Result• Increased consistency across projects
• Faster time-to-market through reusable building blocks
• Stronger design–dev collaboration and ownership
Buttons using EF Language’s main colours
Key takeaways
A shared system reduces friction and empowers teams to focus more on user impact, less on reinventing patterns.
When we migrated to a shared global design system with theming for language working across different divisions slowed down updates.
Scaling EF Language’s design system for speed and consistency
Company
EF Language Abroad
Project duration
2022 – 2025 (living organism)
Role
Experience Design Director
How we unified components to ship faster across EF language
SituationWith multiple designers working across EF Language, visual and functional inconsistencies were slowing down delivery and impacting quality.
A more unified, scalable system was needed for EF Language.
EF Language Designsystem
+18.4%
conversion increase
-11%
bounce rate decrease
Design system components from buttons to cards to form fields.
TaskAlign on a shared set of components and patterns that reflected EF’s brand while allowing flexibility for language-specific needs.
Flexible hero with gradients by product and CTAs and labels defined.
ActionIn a highly collaborative setup, I worked with designers and developers to:
• Extend EF’s core design system with language-themed elements
• Document flexible, accessible components
• Support handover and QA for faster implementation
Language specific course cards across four viewport sizes
Result• Increased consistency across projects
• Faster time-to-market through reusable building blocks
• Stronger design–dev collaboration and ownership
Buttons using EF Language’s main colours
Key takeaways
A shared system reduces friction and empowers teams to focus more on user impact, less on reinventing patterns.
When we migrated to a shared global design system with theming for language working across different divisions slowed down updates.
Scaling EF Language’s design system for speed and consistency
Company
EF Language Abroad
Project duration
2022 – 2025 (living organism)
Role
Experience Design Director
How we unified components to ship faster across EF language
SituationWith multiple designers working across EF Language, visual and functional inconsistencies were slowing down delivery and impacting quality.
A more unified, scalable system was needed for EF Language.
EF Language Designsystem
+18.4%
conversion increase
-11%
bounce rate decrease
Design system components from buttons to cards to form fields.
TaskAlign on a shared set of components and patterns that reflected EF’s brand while allowing flexibility for language-specific needs.
ActionIn a highly collaborative setup, I worked with designers and developers to:
• Extend EF’s core design system with language-themed elements
• Document flexible, accessible components
• Support handover and QA for faster implementation
Flexible hero with gradients by product and CTAs and labels defined.
Language specific course cards across four viewport sizes
Result• Increased consistency across projects
• Faster time-to-market through reusable building blocks
• Stronger design–dev collaboration and ownership
Key takeaways
A shared system reduces friction and empowers teams to focus more on user impact, less on reinventing patterns.
When we migrated to a shared global design system with theming for language working across different divisions slowed down updates.
Buttons using EF Language’s main colours