• #telecommunication
  • #design-system

Yettel

From screens
to scale

Building a design system for Yettel: translating telco brand identity into a consistent, region-wide digital presence

mobile with Yettel screen 1

Challenge

Building a scalable digital design system was complex, spanning multiple CEE markets and platforms. It had to ensure UX/UI consistency with the new telecommunication brand, stay flexible for local adaptations, and remain usable across diverse digital touchpoints. At the same time, it needed to be future-proof, intuitive for local teams, and coordinated across several agencies: all under tight deadlines.

Expertise

UX/UI design, Design System Design

Platforms

Web, Mobile

Technology

Figma

Deliverables

Design System

mobile with Yettel screen 1
mobile with Yettel screen 2
mobile with Yettel screen 3
mobile and laptop with Yettel screen 1
mobile and laptop Yettel screen 2

Solution

multiple images with Yettel screenshots

Digital asset library built for collaboration and adaptation

We built the design system in Figma, organizing core UI assets: colors, typography, button hierarchy, icons, components, and interaction patterns, into a structured library that both marketing teams and engineers can use with ease. Documented in Zeroheight, the system became an easy to access single source of truth, making high-quality design simple to adopt across markets.

Designed for growth and longevity

We created a flexible, modular structure with comprehensive documentation, ensuring the system could evolve with business needs, power new campaigns, and support future platforms. This future-ready foundation allowed the brand to scale while maintaining consistency across all customer experiences.

Icons as a core brand element

Icons played a central role in the new digital brand experience, serving both usability and identity. We developed a descriptive, cohesive, icon set that not only supported usability but also reinforced the brand’s distinctive character

Designing a true dark mode

Designing dark mode was more than inverting colors. We rethought contrast, readability, and accessibility while preserving brand identity, integrating it into the design system. This ensured a great low-light experience across all components.

A design system that evolves with the brand

Design systems are not static: they evolve with tools and business needs. When Figma introduced variables in 2024, our designers supported the transition, integrating tokenization into Yettel’s library. This made updates smoother, strengthened consistency, and reinforced the system as a long-term foundation for growth.

multiple images with yettel screenshots

Explore our works

We're open for business and hungry for growth. Drop us a mail, or fill out an intake form and let's get started.Love letter. A white envelope with with a red heart.