Finance / Digital Wallet / Payments

AfriPay – Your Everyday Payment Companion

AfriPay is a modern digital wallet and payments app designed for seamless financial transactions across Africa. From sending money to friends and family to scanning QR codes, paying bills, and tracking transactions, AfriPay offers a secure, intuitive, and vibrant user experience. The app empowers users to manage their money effortlessly, boosting financial inclusion and cashless payments.

My Role

UX Designer

Duration

4 months

Tools

Figma, Miro, Slack

Link

View Project

Overview

/Challenge

Limited digital infrastructure across some African regions makes money transfer and bill payments complex.

Most users juggle between multiple apps to send money, pay bills, or view history.
Traditional banking apps often have complicated flows and uninspiring UI.
There’s a trust gap regarding transparency and speed in transactions.

/Solution

A unified mobile wallet offering money transfers, bill payments, QR scanning, and detailed transaction history in one app.

Clean, colorful, and well-structured UI tailored for both tech-savvy and first-time users.
Quick actions and categorized services for convenience.
Realtime history and transaction receipts build transparency and trust.
Smart contact and QR code integration to simplify everyday payments.

Research

User interviews in Nigeria, Ghana, and Kenya about payment pain points.

A/B testing with various UI layouts for ease of use and visibility.
Competitive analysis of apps like Opay, PalmPay, and traditional banking apps.
Surveys around trust, convenience, and feature preference.

Users want fast, clear access to key actions

The “Quick Actions” on the Home screen (Send, Pay, Scan, Request) allow users to initiate core tasks without scrolling, meeting their need for fast, daily transactions.

Users want fast, clear access to key actions

The “Quick Actions” on the Home screen (Send, Pay, Scan, Request) allow users to initiate core tasks without scrolling, meeting their need for fast, daily transactions.

Users want fast, clear access to key actions

The “Quick Actions” on the Home screen (Send, Pay, Scan, Request) allow users to initiate core tasks without scrolling, meeting their need for fast, daily transactions.

Simplicity in contacts & QR boosts repeat usage

Trust grows with transparency in history

Design

Color Scheme:

Primary: Purple
Accent Colors: Green (credit), Red (debit), Light Gray background
Clean layout with high contrast for readability.

Navigation (Bottom Tab Bar):

Home
Scan QR
Send
Activity / History
Profile (not shown but typically next)

Screens & Features Breakdown:

1. Home Screen:

Wallet Balance prominently displayed.
“Add Money” CTA.
Quick Actions: Send, Pay, Scan, Request.
Recent Transactions: Shows sender/receiver, amount, and status.

2. Send Money:

Select or search contacts.
Contact list with avatars and status (Recent, All Contacts).
Simple, clean money transfer UI.

3. Scan QR:

Camera scan interface.
Instruction: "Point your camera at a QR code."

4. My QR:

Displays user’s personal QR code for receiving money.
CTA: Share QR.
Very user-friendly for offline transactions or face-to-face payments.

5. Pay Bills:

Categories: Electricity, Internet, Water, TV, Airtime, More.
Recent Payments list with service providers (e.g., NEPA, DStv).
Clear icons and categorization help users complete payments in fewer steps.

6. Transaction History:

Date-wise sorted list of transactions.
Each transaction has name, amount, and purpose (e.g., Netflix Subscription, Airtime Purchase).
Amounts are clearly marked green (money in) or red (money out).