Dynamic Branding For A National Digital Identity App
Can a moving gradient prove security better than a padlock icon?
Mutoco collaborated with the Swiss federal government to create the branding for the national eID and its companion app, Swiyu. The project involved developing a flexible visual identity that reflects Switzerland’s diversity while ensuring clarity and trust in a digital context.
Insights
- Mutoco built the national eID and “swiyu” wallet branding with Swiss agencies FOITT and FOJ, targeting the official 2026 launch; naming was by Endmark and the app was developed with Projectteam BIT.
- Trust was designed in—not assumed: the Swiss population was involved early via surveys, interviews, and testing “across all language regions,” feeding directly into the identity decisions.
- The swiyu logo centers a single “i” (Individual/Identity/Innovation). Multiplied into nine vertical lines, it forms a Swiss cross—connecting “the people who collectively define Switzerland.”
- The system’s signature visual is a two-layer dynamic gradient, developed through participatory iterations with FOITT/FOJ, enabling “endless variations” so each e-ID can feel individual while maintaining accessibility via defined high-contrast ratios.
- Physical-ID cues were translated into digital interactions: vibrant, holographic-inspired color elements and haptic behaviors—touching the e-ID or tilting the phone makes the credential move, positioned as a visual confirmation of “security and authenticity.”
- Execution scaled via tooling and platform rules: a custom Graphics Generator outputs infinite gradient combinations (image/video exports), and a documented Figma UI kit merges Apple HIG and Google Material Design with swiyu-specific components, tokens, icons, and guidelines for native iOS/Android apps.
