About
The MTN Raanaa Design System is a collection of carefully crafted building blocks and reusable components for crafting user interfaces within the MTN ecosystem. The components are built on top of shadcn library and primitives.
Industry
Design System
Services
Location
Africa Telicom
Timeline
40 Weeks
CHALLENGE
MTN’s digital ecosystem spans multiple products, teams, regions, and platforms—yet each team was designing in silos, using inconsistent components, patterns, and visual styles. This inconsistency created fragmented user experiences, slowed down delivery, increased design-to-development gaps, and made it difficult for teams to build with speed and clarity. The challenge was to create a unified, scalable Design System that brings consistency, efficiency, and brand alignment across all MTN digital products. The system needed to serve a wide range of designers, developers, and product teams while supporting varied use cases, accessibility needs, and platform requirements. It also needed to introduce a shared language, reusable components, and clear documentation that teams could trust and adopt seamlessly.
Solution
The solution is to build a unified, scalable Design System that standardizes components, patterns, and visual language across the entire MTN product ecosystem—enabling teams to design and develop with consistency, clarity, and speed. Success will be measured by increased component adoption, reduced design-to-development time, fewer inconsistencies across products, improved accessibility compliance, and stronger alignment in how teams collaborate, ship, and maintain MTN’s digital experiences.
Steve Jobs
Karl Lagerfeld
Karl Lagerfeld
Project
Digital experience
