← all work
Design Systems

Umbrella Design System

Turning siloed security products into a tokenised, cross-brand system, one that redefined the pace, standing and strategy of product design.

Year
2019–2024
Role
Head of Product Design
Scope
Design-Strategie · Tokens · Team-Leadership
Client
Avira / Gen Digital
Umbrella Design System

At Avira I turned siloed security products into a tokenised, cross-brand design system: from inventory through semantic tokens to design strategy, steered through two mergers.

Avira · Design System

From silos to a system

Siloed security products became a tokenised, cross-brand system that redefined the pace, standing and strategy of product design.

Umbrella design system overview
Inventory

Take stock, then consolidate

I began by taking stock of the existing design and derived from it the path to a technically robust system. With every designer tied up in ongoing projects, I split the work streams so that day-to-day delivery and system-building ran in parallel. My role: concept, architecture and management, and hands-on whenever things got tight.

avira-umbrella-design-system-04.png
avira-umbrella-design-system-11.png
A system that redefined the pace, standing and strategy of product design.
Semantic tokens

Tokens made the team fast

With semantic tokens the team became so fast and effective that it became the foundation for validating a new design strategy.

avira-umbrella-design-system-05.png
avira-umbrella-design-system-07.png
Component library
Impact

New standing for product design

The impact went beyond tooling: product design was repositioned, UX research spun out into its own team, plus a strong design-maturity assessment and three promotions. Design strategy set directly with the CTO.

avira-umbrella-design-system-08.png
avira-umbrella-design-system-10.png
avira-umbrella-design-system-12.png
On the tokenised stack a launch-ready Norton macOS proof of concept later came together in roughly four weeks: proof that a white-label system can carry a brand switch with little engineering overhead.