Scroll to top

iRecharge Mobile Application Product Design Case Study

A Bill Payment Application. Built for both direct consumers and Businesses.

iRecharge is bill payment platform that provides seamless financial solutions and access to frequently consumed services like Airtime, Internet, Electricity, Pay Cable TV, Sports Betting, Ticketing and other virtual services

The Challenge

The irecharge web application had a high error rate, high drop-off rate, and a low conversion rate.

These challenges were identified as a result of a post-lunch research carried out by the design and growth team

The Goal

A redesign of the entire web application to satisfy users painpoints, design for scalability and introduce new features.

Achieved by carrying out a Reaserch (UX audit) on the existing application to identify users painpoints and patterns to build insights

Research

Business Goals

Meetings with stakeholders proved that the significant business goal was to increase the profit margin to 500% by improving customer Retention and Conversion.

User Goals

Users aim to seamlessly buy or sell frequently consumed internet services like Airtime, Internet, Electricity, Pay Cable TV, Sports Betting, Ticketing and other virtual services

Understanding Current App Performance

In other to make improvements to the existing application. the current system needed to be tested and evaluated to understand its current setbacks.

Key Performance indicators to identify process pain points during user test:

  1. How long and easy does it take to sign up as a merchant?
  2. How easy is it to pay a bill on the application?
  3. How easy is it to sell services on the platform?
  4. What can there be any parts of the application users get stuck on?

Heuristic Evaluation:

A heuristic evaluation based on usability heuristics was conducted on the old application interface. The result helped identify themes and patterns that are usability challenges that can be improved on.

Analytics Review:

Reviews from App Store and Play Store, Reviews from System Usability Scale, and Analytics from Hotjar(a software used to understand users’ behavior) were all gathered and organized to help identify patterns and themes in user challenges and needs

Define

Themes and Pattern

Affinity mapping was used to synthesize research data in other identify Patterns and Themes

  1. It was observed that 70% of users found it difficult to navigate through the app. This means that the Navigation Menu should be obvious, clearly defined, and consistent.
  2. It was observed that 80% of users found the application interface unappealing to use. due to the inappropriate scale, proportion, and hierarchy between elements.
  3. It was observed a high percentage of users found to iRecharge mobile application to be unfriendly because of its poor UX writing and unfriendly ways of handling errors

Insights

Here are major Insights generated based on themes and patterns

  1. Based on the theme that users found it difficult to navigate through the application, the insight is to create a consistent and easy means of navigation that users can understand
  2. Based on the theme that many users find the application unappealing to use the insight is to properly make use of design principles of visual elements like scale, proportion, and hierarchy to properly organize elements on the screen
  3. Based on the theme that many users find the application unfriendly to use. insight is the UX writing tone should be more friendly and interactive to help the user understand the situation at all times.

Ideate

Ideate

Wireframes & Low-Fidelity Prototype

After getting insights and defining the user flows, I began creating wireframes that are proposed to solve the identified challenges. these wireframes were reviewed and made into a low-fidelity prototype.

Ideating for new Feature

A New Feature Called "1 Bank Transfer"

This new feature enables users to pair their meter number or Decoder Smart card number with a bank account number. Once a transfer of the purchase value is made to the assigned account number, the customer receives instant value with an SMS receipt.

This new feature saves the user the hassle of having to fill a purchase for every recurrent bill payment. the introduction of this feature will also have an impact on the flow of purchases electricity services on the iRecharge Application.

Prototype and Test

Iterative Usability Test on Low-Fidelity Prototypes

After getting insights and defining the user flows, I began creating wireframes that are proposed to solve the identified challenges. these wireframes were reviewed and made into a low-fidelity prototype.

Usability Test

The goal is to Identify how successful users can complete major tasks and the ease of use of the new interface design.

Key Performance indicators to identify process pain points during user test:

  1. How long and easy does it take to sign up as a merchant?
  2. How easy is it to pay a bill on the application?
  3. How easy is it to sell services on the platform?
  4. What can there be any parts of the application users get stuck on?

Prototype and Test

Iterative Usability Test on Low-Fidelity Prototypes

After getting insights and defining the user flows, I began creating wireframes that are proposed to solve the identified challenges. these wireframes were reviewed and made into a low-fidelity prototype.

Style Guide

Style Guide, Brand ID, and Components for mockups and High-Fidelity Prototype.

Style Guide

Style Guide, Brand ID, and Components for mockups and High-Fidelity Prototype.