CIP TopUp is a platform that lets people buy airtime, data, electricity, and cable TV across major Nigerian networks. This case study covers the redesign of both the web app and the mobile app.

Overview

The goal of the redesign was to make everyday tasks faster, clearer, and easier for users. The previous experience required too many steps, lacked visual clarity, and made simple actions feel heavier than they should be. I redesigned the structure, flows, and interface for both web and mobile, creating a more organized layout, a more modern look, and smoother paths for airtime, data, and bill payments. The update also introduced a new rewards and leaderboard system aimed at improving user engagement and retention.

The Challenge

• Too many taps and screens to complete basic actions
• Dashboards were cluttered and hard to understand
• Forms caused frequent user mistakes
• The interface felt outdated and inconsistent
• The experience didn’t support long-term user retention

Solution

• Reworked the dashboard to highlight the most-used actions
• Designed clearer, shorter flows for airtime, data, and bill payments
• Introduced a cleaner UI with better spacing and readable hierarchy
• Added reward points and a leaderboard to motivate repeated use
• Improved error states, loading states, and form validations
• Created a reusable component system to keep the design consistent

Key Responsibilities

• Analyzed the old product and identified core pain points
• Mapped user journeys for key services
• Designed wireframes and interactive prototypes
• Created high-fidelity UI for both web and mobile
• Built the component library and layout rules
• Delivered app store assets and worked closely with the team during implementation

Process

• Product Review: Identified issues in navigation, flows, and visual consistency.
• Restructuring: Simplified the information layout and grouped frequent actions.
• Wireframing: Tested different flow ideas for faster task completion.
• Visual Design: Created a clean and modern UI system for both platforms.
• Refinement: Improved spacing, states, and copy to remove friction.
• Handover: Delivered organized design files, components, and store design assets.

Home Page

A clean dashboard that brings the most-used actions forward—airtime, data, electricity, cable TV, and recent activity—making everyday tasks quicker and easier.

Transaction Page

A clear, organized list of all user transactions with filters and details that help users track their payments, status, and history without confusion.

Reward Leaderboard

A simple leaderboard showing users their rank, total points, and monthly progress, encouraging consistent activity through a transparent reward system.

Invite

A straightforward screen where users can copy or share their unique invite link and view the rewards earned from successful invites.

Electricity Bill

A streamlined flow that allows users to pay prepaid or postpaid electricity bills instantly by entering their meter details and confirming the amount.

Profile and Settings

A personal account section where users can update their details, manage security settings, review preferences, and access support options.

Store Listing Visuals

Designed clear, high-impact screenshots and graphics that highlight the app’s key features—fast top-ups, bill payments, rewards, and the new dashboard—to help users understand the app quickly.

Results

The redesign made the platform easier and faster to use. Users now complete top-ups with fewer steps, the dashboard is clearer to navigate, and the reward system encourages ongoing engagement. Overall, the experience feels more organized, modern, and reliable across both web and mobile.

Product Links

Download on App Store Download on Play Store Visit Website