Ridepay
Industry:Fintech / Mobility
My Role:Product Designer
Deliverables:Mobile App Design
Year:2025
Ridepay
The smarter way to pay for rides
Snapshot of Ridepay's Mobile App
About Ridepay
Ridepay is an innovative payment solution designed for Nigeria's ride-hailing ecosystem. It enables drivers to receive payments through a simple 4-digit code, eliminating the friction of long account numbers and cash handling. By simplifying transactions, Ridepay enhances speed, security, and overall convenience for both drivers and passengers.
Overview
Ridepay simplifies ride payments in Nigeria through a secure 4-digit code, replacing cash and long bank transfers with a faster, frictionless experience for drivers and passengers.
4-Digit Payment Code: Drivers receive a unique 4-digit code linked to their account, allowing passengers to complete payments quickly without entering lengthy bank details.
Instant Payment Confirmation: Both drivers and passengers receive real-time confirmation once a transaction is completed, reducing disputes and uncertainty.
Secure Transactions: Ridepay integrates secure payment infrastructure to protect user data and prevent fraud.
Driver Wallet & Earnings Tracking: Drivers can monitor their earnings, view transaction history, and track completed payments within the app.
Reduced Cash Dependency: By digitizing ride payments, Ridepay minimizes cash handling risks and improves financial traceability.
Users Problem & Solution
Paying for rides in Nigeria often involves long transfers, cash handling, or sharing 10-digit account numbers, causing delays and errors. Ridepay solves this with a simple 4-digit payment code that enables fast, secure transactions. The result is a smoother, more reliable payment experience for both drivers and passengers.
Problem 1:
Long 10-digit account numbers are difficult to share and prone to errors
Problem 5:
Payment failures of errors create unnecessary stress for both parties
Problem 6:
Cash-only rides limit financial inclusion.
Problem 2:
Some drivers prefer certain apps others reject them entirely
Problem 3:
Delayed payments affect driver trust and satisfaction
Problem 4:
Multi-step payments increase friction for riders in a hurry
Solution
I implemented clear transaction histories to ensure every payment is traceable and secure.
I reduced the number of steps required to complete a ride payment, creating a faster and more intuitive user experience.
I designed a dedicated wallet system that allows drivers to monitor income and transaction history in real time.
I designed an intuitive input interface that makes entering the 4-digit code quick, error-free, and accessible even in fast-paced environments.
I replaced long bank transfers and cash handling with a simple 4-digit payment code, reducing friction at the point of transaction.
I structured screens with clear CTAs and minimal distractions to make payments effortless, even for first-time users
User Persona
To better understand the needs, behaviors, and pain points of Ridepay's target audience, I developed user personas representing both drivers and passengers. These personas revealed key motivations and frustrations, guiding me to design solutions that reduce payment friction and improve trust, speed, and overall transaction clarity.
Ibrahim, 34 Years
Driver
Lagos, Nigeria
Ibrahim has been driving full-time for 4 years, using multiple ride-hailing platforms daily. He completes 10–15 trips per day and depends entirely on ride income to support his family. Speed, reliability, and secure payments are critical to his daily workflow.
Goals
Frustrations
Receive payments quickly without delays
Delays in confirming if payment was received
Avoid mistakes when sharing bank details
Passengers making incorrect bank transfers
Track daily earnings easily
Manually tracking payments across multiple trips
Reduce payment disputes with passengers
Disputes caused by unclear transaction proof
Spend less time worrying about transfers and more time driving
Delays due to passengers lengthy bank transfers
Anita, 28 Years
Executive Assistant
Lagos, Nigeria
Amara manages schedules, meetings, and logistics for senior executives. She uses ride-hailing apps almost daily to commute between the office, meetings, and events. She values speed, convenience, and minimal friction in every interaction.
Goals
Frustrations
Complete ride payments quickly without delays
Typing long account numbers in a hurry
Avoid carrying cash (cashless policy)
Passengers making incorrect bank transfers
Have clear proof of payment after every ride
Manually tracking payments across multiple trips
Use a simple, stress-free payment method
Complicated multi-step payment processes
Move efficiently between locations without wasting time
Waiting for drivers to confirm transfers
Users Journey
The user journey map outlines the step-by-step payment experience for passengers and drivers, highlighting key actions, thoughts, and friction points. These insights guided the design decisions behind Ridepay's streamlined payment flow, ensuring a smooth and user-centered experience.
Users Flow
The Ridepay user flow was designed to support both passengers and drivers within a seamless payment ecosystem. From wallet funding and code entry to real-time confirmation and earnings tracking, each step was mapped to reduce friction and ensure fast, intuitive transactions. The flow prioritizes clarity, speed, and transparency for both sides of the ride experience.
Typography
Satoshi
Satoshi is a modern geometric sans-serif typeface known for its clean structure and strong visual clarity. It was chosen for Ridepay to convey simplicity, confidence, and professionalism, while maintaining high readability across mobile interfaces.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890./?!@#$%&<>:;[]^#
Light
aRegular
aMedium
aBold
aBlack
aColor System
Yellow
Primary Color
HEX: #FFBE00
Black
Secondary Color
HEX: #0F0F0F
White
Light Theme
HEX: #FFFFFF
Grey
HEX: #B3B3B3
Pink
HEX: #E051AC
Text Color
HEX: #151413
Green
HEX: #2B804E
Design Components & Assets
Grid System
Interface Design
Mobile App
Type
Stretch
Column
5
Frame Size
375x812px
Margin
20
Gutter
20
Ridepay Screens
Home Screen
The Ridepay home screen is where all payment activity begins.
It displays a personalized greeting and the user's wallet balance at the top for instant visibility.Users can quickly perform key actions like topping up their wallet or paying a driver using a 4-digit code. Below, the transaction history provides a clear record of recent payments and activity.It’s simple, focused, and designed to make ride payments fast and stress-free.
Select Pathway
The Select Pathway screen allows users to choose their role within the Ridepay app, ensuring a tailored experience from the start.
Clear, distinct icons guide users to register either as a passenger or a driver, setting up the appropriate features and interface.The layout is minimal and distraction-free, helping users make a quick decision without confusion. It establishes a smooth transition into the app, ensuring each user enters the flow that best fits their needs.
Input driver's code
The Pay Driver screen is designed for quick and accurate code entry.
Users can enter the 4-digit driver code in a clean, focused interface that minimizes errors and keeps attention on the task.Instant feedback upon submission reinforces trust. Instant feedback upon submission reinforces trust and keeps the payment process smooth and efficient.
Transaction History
The Transaction History screen provides users with a clear and organized record of their payment activity.
Each transaction is displayed with relevant details such as amount, date, and status, making it easy to track and review past payments.The structured layout ensures transparency and builds confidence, allowing users to quickly verify transactions without confusion.
Virtual account
The Virtual Account screen allows users to fund their Ridepay wallet through a dedicated account number linked to their profile.
This provides a reliable and flexible way to top up funds without needing to enter card details each time.By offering a secure and straightforward funding method, the feature enhances convenience while maintaining clarity and financial control for users.
More Screens
Prototype
A quick look at the Ridepay prototype showcasing the user experience, highlighting how users navigate the app and complete key tasks effortlessly.
Results & Outcome
The Ridepay mobile app creates a clear and reliable way for users to complete ride payments, ensuring every step of the transaction process feels consistent and easy to follow.
Simplified Payment Experience
The 4-digit driver code system streamlined the payment flow, enabling users to complete transactions quickly while minimizing errors and uncertainty.
Focused, Frictionless Flows
Core actions were streamlined to reduce unnecessary steps and improve clarity. This ensures users can complete key tasks quickly and without confusion.
Built for Scale
A cohesive visual language and reusable component system were developed to support future features and ensure long-term product growth.
Stronger Financial Visibility
A clear transaction history with defined status indicators improved transparency, helping users easily track and verify their payments.
Let's
Build
Together
I turn ideas into clean, intuitive designs that solve real problems, engage users, and elevate products Reach out and let's make it happen.