Türk Telekom Design System
Role:
Design System Owner & Lead Product Designer (Mobile)
Scope
Mobile app, widget system, token architecture, theming, component structure
Team:
Worked closely with developers and product analysts
Token based multi-brand mode system for mobile experiences
Türk Telekom needed a scalable mobile design system that could support multiple sub-brand modes, partner themes, membership tiers across mobile and wifi products.
The System Challenge
The product needed to support several types of variation:
Sub-brand and partner modes such as Selfy, Bimcell, Prime
iOS and Android platform needs
Shared card patterns across mobile and home internet experiences
Scalable components that could work across different contexts
The system separated visual decisions into reusable layers
Core UI foundations
Semantic design decisions
Theme-level overrides
Component-level rules
Platform-specific implementation details
This made it possible to update the appearance of selected surfaces while keeping the underlying interaction patterns, layout logic and usability rules consistent.
Key Decisions
Use modes instead of separate brand files
I used Figma variables and modes to manage visual variations for sub-brands such as Selfy, Bimcell, Fenercell, Teknocell, GSCell and Türk Telekom Prime.
Without a shared mode structure, each brand variation could become a separate design branch and increase long-term maintenance effort.
The same core UI behavior could stay consistent while the visual layer adapted to different brand and business needs.
Reuse card structures across product contexts
I structured card components with variables so they could support different data types across mobile and home internet experiences.
Usage, billing, package details and device status had different content needs, but they shared similar hierarchy and interaction patterns.
Reusable card patterns helped the product scale across different contexts while keeping hierarchy and usability predictable.
Design
I kept the core usability rules stable underneath both: consistent hierarchy, predictable card behavior and reusable variables that could support change without fragmenting the product.
TARİFE İSMİ BURADABÜYÜK HARF, MAX. 2 SATIR
Kullanılan
20 GB
Toplam
250 GB
Yenilenme / Bitiş Tarihi
01 Ağustos 2025
Kalan
230GB
Trafik Boyutu
7.31 GB
Cihaz Bağlı Kalma Süresi
621 Saat
Bağlı Bulunan Kanal Bilgisi
5 Ghz
SEÇTİĞİNİZ KAMPANYA
Ailece İnternet Kampanyası
SEÇTİĞİNİZ PAKET
Dijital Paketler
İÇERİK
100 GB
ÖNCEKİ FİYAT
689 TL / Aylık
ÜCRET
450 TL / Aylık
Özge Macbook Pro
192.168.1.25
FE:50:D6:FA:2C:64
Sinyal Gücü
Çok İyi
Clock
Reminders
Notes
Camera
Photos
6
MON
Calendar
Türk Telekom
Türk Telekom
Özge Kahya
(555 123 45 67)
Son Güncelleme:
20 Nisan 2024 10:32
Ailece 12GB Faturalı Pake...
Toplam
1000
GB
Kalan
12 GB
500 DK
Konuşma
Toplam
1000
DK
Kalan
500 DK
Her Yöne
1000 SMS
Toplam
1000
SMS
Kalan
1000 SMS
Tüm Paketleri Gör
Güncel Bakiye
151,25 TL
TL Yükle
9:41
The Widget Integration
A modular widget system that surfaced data usage and billing at a glance, designed to reduce the type of everyday confusion that often leads to support requests.
Özge Kahya
(7341234567)
Son Güncelleme:
20 Nisan 2024 10:32
Aktif Kampanyanız
Tivibu'lu Evde İnternet Kampanyası
Taahhüt Sonlanma:
30 Mart 2024
1000
500
200
100
50
35
24
16
0
50
Hızınız
Mbps
(Ağustos 2023)
Download
333 GB
Upload
40 GB
Hız Yükselt
Güncel Fatura
151,25 TL
(Ağustos 2023)
KDV, ÖİV dahil tutardır. Son 6 saat kullanımlar hariçtir.
Outcome
Reduced the need for one-off screen variations
Created a scalable mode structure for sub-brands
Supported reusable card patterns across mobile and internet experiences
Improved design-dev alignment through variables and reusable component logic
Made the widget experience feel connected to the broader mobile system
Reflections
This project strengthened the way I think about design systems. Not only as component libraries, but as decision-making structures between product, business and engineering needs.
If I continued evolving the system, I would focus on deeper component documentation, accessibility rules for every state and a more formal contribution model for future product teams.
Digital Learning 2030
Concept
Data Visualization
Research
A research-led concept reimagining how Gen Z learns by 2030, translating social-media mechanics into real education.
View Case Study
Settle
App Design
Fintech
Design System
Turning tangled, multi-currency group finances into balances people actually trust.
View Case Study
Sensey Website & UI System Starter
Web Design
Design System
Tech
Repositioning a boutique software house into a premium, security-focused tech brand through a bespoke system.
View Case Study
Let’s build something
together.
or
Mail me
Türk Telekom Design System
Role:
Design System Owner & Lead Product Designer (Mobile)
Scope
Mobile app, widget system, token architecture, theming, component structure
Team:
Worked closely with developers and product analysts
Token based multi-brand mode system for mobile experiences
Türk Telekom needed a scalable mobile design system that could support multiple sub-brand modes, partner themes, membership tiers across mobile and wifi products.
The System Challenge
The product needed to support several types of variation:
Sub-brand and partner modes such as Selfy, Bimcell, Prime
iOS and Android platform needs
Shared card patterns across mobile and home internet experiences
Scalable components that could work across different contexts
The system separated visual decisions into reusable layers
Core UI foundations
Semantic design decisions
Theme-level overrides
Component-level rules
Platform-specific implementation details
This made it possible to update the appearance of selected surfaces while keeping the underlying interaction patterns, layout logic and usability rules consistent.
Key Decisions
Use modes instead of separate brand files
I used Figma variables and modes to manage visual variations for sub-brands such as Selfy, Bimcell, Fenercell, Teknocell, GSCell and Türk Telekom Prime.
Without a shared mode structure, each brand variation could become a separate design branch and increase long-term maintenance effort.
The same core UI behavior could stay consistent while the visual layer adapted to different brand and business needs.
Reuse card structures across product contexts
I structured card components with variables so they could support different data types across mobile and home internet experiences.
Usage, billing, package details and device status had different content needs, but they shared similar hierarchy and interaction patterns.
Reusable card patterns helped the product scale across different contexts while keeping hierarchy and usability predictable.
Design
I kept the core usability rules stable underneath both: consistent hierarchy, predictable card behavior and reusable variables that could support change without fragmenting the product.
TARİFE İSMİ BURADA BÜYÜK HARF, MAX. 2 SATIR
Kullanılan
20 GB
Toplam
250 GB
Yenilenme / Bitiş Tarihi
01 Ağustos 2025
Kalan
230GB
Trafik Boyutu
7.31 GB
Cihaz Bağlı Kalma Süresi
621 Saat
Bağlı Bulunan Kanal Bilgisi
5 Ghz
SEÇTİĞİNİZ KAMPANYA
Ailece İnternet Kampanyası
SEÇTİĞİNİZ PAKET
Dijital Paketler
İÇERİK
100 GB
ÖNCEKİ FİYAT
689 TL / Aylık
ÜCRET
450 TL / Aylık
Özge Macbook Pro
192.168.1.25
FE:50:D6:FA:2C:64
Sinyal Gücü
Çok İyi
Clock
Reminders
Notes
Camera
Photos
6
MON
Calendar
Türk Telekom
Türk Telekom
Özge Kahya
(555 123 45 67)
Son Güncelleme:
20 Nisan 2024 10:32
Ailece 12GB Faturalı Pake...
Toplam
1000
GB
Kalan
12 GB
500 DK
Konuşma
Toplam
1000
DK
Kalan
500 DK
Her Yöne
1000 SMS
Toplam
1000
SMS
Kalan
1000 SMS
Tüm Paketleri Gör
Güncel Bakiye
151,25 TL
TL Yükle
9:41
The Widget Integration
A modular widget system that surfaced data usage and billing at a glance, designed to reduce the type of everyday confusion that often leads to support requests.
Özge Kahya
(7341234567)
Son Güncelleme:
20 Nisan 2024 10:32
Aktif Kampanyanız
Tivibu'lu Evde İnternet Kampanyası
Taahhüt Sonlanma:
30 Mart 2024
1000
500
200
100
50
35
24
16
0
50
Hızınız
Mbps
(Ağustos 2023)
Download
333 GB
Upload
40 GB
Hız Yükselt
Güncel Fatura
151,25 TL
(Ağustos 2023)
KDV, ÖİV dahil tutardır. Son 6 saat kullanımlar hariçtir.
Outcome
Reduced the need for one-off screen variations
Created a scalable mode structure for sub-brands
Supported reusable card patterns across mobile and internet experiences
Improved design-dev alignment through variables and reusable component logic
Made the widget experience feel connected to the broader mobile system
Reflections
This project strengthened the way I think about design systems. Not only as component libraries, but as decision-making structures between product, business and engineering needs.
If I continued evolving the system, I would focus on deeper component documentation, accessibility rules for every state and a more formal contribution model for future product teams.
Digital Learning 2030
Concept
Data Visualization
Research
A research-led concept reimagining how Gen Z learns by 2030, translating social-media mechanics into real education.
View Case Study
Settle
App Design
Fintech
Design System
Turning tangled, multi-currency group finances into balances people actually trust.
View Case Study
Sensey Website & UI System Starter
Web Design
Design System
Tech
Repositioning a boutique software house into a premium, security-focused tech brand through a bespoke system.
View Case Study
Let’s build something
together.
or
Mail me
