Multi Brand Design System for Viessmann
Challenge
When I joined Viessmann in 2022, the Design System existed as a basic Figma Library with minimal documentation and non-responsive components. There was no token structure, no theming capability, and no alignment across teams or platforms.
Approach & Leadership
Foundation & Alignment
Conducted a full component audit and interviewed all stakeholder groups (design, development, product). Defined usage rules and component lifecycle — removed outdated parts, redesigned and enhanced others. Outcome: a clean, unified component baseline as foundation for further scaling.
Scaling Responsiveness & Flexibility
Reworked every component to be fully Auto Layout enabled and responsive in Figma. Introduced cross-platform design structure (mobile, Web, HMI).
Enabling Theming & Speed
Integrated Design Tokens via Tokens Studio, enabling live switching between Light & Dark Mode across the system in seconds. Later migrated the entire Design System to native Figma Variables, ensuring long-term viability without dependence on third-party tools.
Multi-Brand Transformation
After Viessmann's acquisition by Carrier, I led the initiative to evolve the system into a multi-brand framework (Viessmann, Carrier, Toshiba). With token architecture in place, teams can now switch entire UI designs to different corporate brands with a single click, including light/dark mode.
Brand Evolution Ready
When Viessmann introduced a new brand strategy and typeface, we integrated the new font system-wide within hours thanks to the flexible token setup.
Platform Adaptation (Web → Mobile → HMI)
Built a token-driven HMI mode adjusting UI to hardware specifications automatically. Screens designed for mobile can now be converted to HMI layouts in seconds using token-driven rules.
Impact
Technical Implementation
Key Takeaway
I transformed Viessmann's design system from a static component library into a highly scalable, multi-brand, token-driven ecosystem powering Web, mobile, and HMI. This shift dramatically increased design velocity, consistency, and adaptability during major company transitions including mergers, rebranding, and platform expansion.
Let's create something cool together.
I'm always excited to discuss new projects and opportunities. Whether you need a design system, UX improvements, or AI-powered workflows — let's talk.