ONE Design System
Helped optimize and refine a multi-brand design system, supporting component migration and ensuring quality across twelve brands.
Date
2024
Role
Design System Designer
Client
Telefónica Germany
Project Overview
I joined the design system team to help further develop and optimize an established multi-brand design system serving twelve brands. My role focused on supporting ongoing refinement, migration, and quality assurance of reusable components, always emphasizing consistency, flexibility, and adaptability.
Project Overview
I joined the design system team to help further develop and optimize an established multi-brand design system serving twelve brands. My role focused on supporting ongoing refinement, migration, and quality assurance of reusable components, always emphasizing consistency, flexibility, and adaptability.
Project Overview
I joined the design system team to help further develop and optimize an established multi-brand design system serving twelve brands. My role focused on supporting ongoing refinement, migration, and quality assurance of reusable components, always emphasizing consistency, flexibility, and adaptability.
3-Tier Token Architecture & Whitelabel Strategy
The system’s robust 3-tier token architecture enabled a whitelabel approach: each brand could maintain its unique identity via customizable sets for surface, text, border, icon, page, and elevation. By streamlining and upgrading this structure at the alias level, the design system offered a unified foundation and greater flexibility for all participating brands.
3-Tier Token Architecture & Whitelabel Strategy
The system’s robust 3-tier token architecture enabled a whitelabel approach: each brand could maintain its unique identity via customizable sets for surface, text, border, icon, page, and elevation. By streamlining and upgrading this structure at the alias level, the design system offered a unified foundation and greater flexibility for all participating brands.
3-Tier Token Architecture & Whitelabel Strategy
The system’s robust 3-tier token architecture enabled a whitelabel approach: each brand could maintain its unique identity via customizable sets for surface, text, border, icon, page, and elevation. By streamlining and upgrading this structure at the alias level, the design system offered a unified foundation and greater flexibility for all participating brands.
Figma Variables & Cross-Team Support
A recent key initiative was preparing the design system for Figma’s built-in Variables, generated from existing tokens, thus establishing a single source of truth for design and development. Throughout these improvements, I actively supported UX and UI teams in applying the design system—building and optimizing components according to their requirements, especially based on UX-focused feedback, and always keeping whitelabel adaptability top-of-mind.
Figma Variables & Cross-Team Support
A recent key initiative was preparing the design system for Figma’s built-in Variables, generated from existing tokens, thus establishing a single source of truth for design and development. Throughout these improvements, I actively supported UX and UI teams in applying the design system—building and optimizing components according to their requirements, especially based on UX-focused feedback, and always keeping whitelabel adaptability top-of-mind.
Figma Variables & Cross-Team Support
A recent key initiative was preparing the design system for Figma’s built-in Variables, generated from existing tokens, thus establishing a single source of truth for design and development. Throughout these improvements, I actively supported UX and UI teams in applying the design system—building and optimizing components according to their requirements, especially based on UX-focused feedback, and always keeping whitelabel adaptability top-of-mind.
“TWO” – The Next Chapter
These advancements pave the way for the next evolution: delivering a comprehensive multibrand Figma library based on Figma Variables, enabling faster transitions from wireframe to branded UI and smoother development handoff.
“TWO” – The Next Chapter
These advancements pave the way for the next evolution: delivering a comprehensive multibrand Figma library based on Figma Variables, enabling faster transitions from wireframe to branded UI and smoother development handoff.
“TWO” – The Next Chapter
These advancements pave the way for the next evolution: delivering a comprehensive multibrand Figma library based on Figma Variables, enabling faster transitions from wireframe to branded UI and smoother development handoff.