Back

Optipay: Improving user experience in digital payments

Optipay dashboard

Overview

Optipay is a financial app designed to help users manage their money with ease. It offers features like sending and receiving money, making payments for everyday services, and keeping track of transactions. The app's user interface is clean and straightforward, with a focus on usability and quick access to essential functions.

The Challenges

I had to balance adding useful features without making the app feel complicated or overwhelming. Ensuring transactions updated instantly and securely required advanced technology and strong data protection.

The Solution

Optipay created a simple, all in one app where users can send money, pay bills, and track transactions in real time. The design focuses on clear navigation, quick access to popular actions, and transparent updates for every transaction. It's built to make managing finances easier, faster, and less stressful for everyone.

Research & Insights

My research made it became clear that people wanted a simpler way to handle payments and track their transactions without confusion. The lack of clarity in transaction statuses and limited payment options were major pain points. These insights shaped the redesign, focusing on creating a straightforward, all-in-one platform for managing finances effortlessly.

Dashboard: The dashboard provides an overview of the total balance, recent transactions, and quick actions for common tasks like paying bills or buying airtime. Its clean design makes it easy to find important information at a glance, with privacy options like a balance visibility toggle.

Dashboard screen showing total balance, recent transactions, and quick actions
Dashboard
Add Money dialog offering bank transfer or Optipay tag
Add Money
Send Money dialog offering a bank account or an Optipay tag
Send Money

Payment: The payment screen organizes various categories, such as utilities, flights, and event tickets, with clear icons for quick selection. This layout ensures users can access a wide range of services without unnecessary steps or confusion.

Payment screen with categorized service icons

Transactions: The transaction screen displays a detailed list of past payments with filters for sorting by date, status, or type. Each transaction includes key details, with color-coded statuses for easy tracking and understanding.

Transactions list with filters and color-coded statuses
Transactions
Transaction details panel with amount, recipient, and receipt actions
Transaction Details

Settings: The settings screen is designed to give users full control over their account, allowing them to update their profile, manage account limits, and access important features like notifications and security options. Clear tabs make it easy to switch between different sections, keeping everything organized and simple to navigate.

Profile settings with editable name, email, phone, and Optipay tag
Profile
Account verification showing verified NIN and BVN records
Account Verification
Notification settings with push and email toggles per alert type
Notification
Log out confirmation dialog over the profile settings
Log out

Learnings

Optipay focused on simplicity, clarity, and efficiency, transforming it into a seamless platform for managing finances. By addressing pain points like unclear transaction statuses and limited functionality, the app now offers a smoother and more intuitive experience. This design ensures that financial tasks are completed with ease, setting a new standard for convenience and reliability.