rain - The All Data Network
Overview
Project Description
Rain launched Africa’s first standalone 5G network — a major milestone in telecommunications. To support this, I was responsible for designing and implementing a custom design system and UI framework that unified the company’s digital products, ensuring consistency and scalability across mobile, web, and internal platforms.
This system became the foundation for all product experiences — from customer onboarding and data management tools to partner portals and campaign sites.
Project Duration
1 year
Role
UI Designer
The Challenge
Before my involvement, Rain’s product ecosystem was fragmented, with inconsistent UI components and limited documentation. This led to:
Repeated design and development work across teams
Inconsistent user experiences and accessibility gaps
Lack of alignment between product, marketing, and engineering outputs
The challenge was to create a unified, scalable, and visually coherent design system that empowered teams to move faster while maintaining quality and brand integrity.
What I Did
System Architecture & Component Library
Designed and documented a custom design system from scratch using Figma and Storybook.
Built reusable components for forms, dashboards, and navigation, enabling product teams to design and ship with consistency.
Established design tokens for color, typography, and spacing — ensuring visual harmony across devices.
UI Design & Guidelines
Created accessible, performance-optimized UI patterns tailored to telecom-specific needs (e.g., data usage tracking, network coverage views).
Defined motion, micro-interactions, and visual hierarchy rules to enhance user feedback and clarity.
Collaboration & Implementation
Worked closely with front-end developers to align components between Figma and code libraries.
Partnered with product managers and marketing to ensure the design language extended seamlessly across customer touchpoints.
Introduced documentation standards using ZeroHeight, giving all teams a shared reference point for UI design and implementation.
Impact
✅ Established Rain’s first unified design system, reducing design-to-dev handoff time by over 30%
✅ Improved product consistency across web and mobile interfaces
✅ Enabled faster iteration for future 5G and LTE product launches
✅ Enhanced collaboration between design, development, and marketing teams
✅ Strengthened Rain’s brand identity as a modern, technology-first telecom provider
Key Insight
Building a design system isn’t just about components — it’s about creating shared language and rhythm across teams. At Rain, this meant turning fragmented design efforts into a cohesive ecosystem that could evolve with the pace of innovation.