Adebayo Taofeeq
Product Designer, Nocode Developer
Adebayo Taofeeq
Product Designer, Nocode Developer
A Fintech Mobile & Web App for Seamless Bill Payments
A Fintech Mobile & Web App for Seamless Bill Payments
February 2024
February 2024
Project Overview
Project Overview
ABNpays is a fintech platform designed to make bill payments and financial management effortless. With it, you can create and fund a virtual wallet, pay bills, and track your transactions in real time—all in one place. Whether it’s airtime, data, electricity, or subscriptions, ABNpays ensures a smooth and hassle-free experience.
ABNpays is a fintech platform designed to make bill payments and financial management effortless. With it, you can create and fund a virtual wallet, pay bills, and track your transactions in real time—all in one place. Whether it’s airtime, data, electricity, or subscriptions, ABNpays ensures a smooth and hassle-free experience.
Business Goal & Objective
Business Goal & Objective
When ABNpays approached me, they had a clear vision: to create a seamless bill payment platform that makes managing digital transactions effortless. They wanted a solution that would not only allow users to fund their wallets with ease but also give them quick access to essential services like airtime, data, electricity, and subscriptions—all in one place.
When ABNpays approached me, they had a clear vision: to create a seamless bill payment platform that makes managing digital transactions effortless. They wanted a solution that would not only allow users to fund their wallets with ease but also give them quick access to essential services like airtime, data, electricity, and subscriptions—all in one place.
Solution
Solution
Having worked on fintech and bill payment platforms before—and as an active user myself—I understand the common pain points users face: clunky interfaces, slow transactions, and a lack of transparency. With this in mind, I took a user-first approach to designing ABNpays, ensuring that every interaction felt smooth, intuitive, and efficient.
Having worked on fintech and bill payment platforms before—and as an active user myself—I understand the common pain points users face: clunky interfaces, slow transactions, and a lack of transparency. With this in mind, I took a user-first approach to designing ABNpays, ensuring that every interaction felt smooth, intuitive, and efficient.
Streamlining Wallet Funding: Users needed a fast and reliable way to fund their wallets without friction. To solve this, I designed an instant funding system using personal virtual accounts, allowing users to deposit funds seamlessly without manual confirmations or delays. This ensured that users could always access their money when needed.
Streamlining Wallet Funding: Users needed a fast and reliable way to fund their wallets without friction. To solve this, I designed an instant funding system using personal virtual accounts, allowing users to deposit funds seamlessly without manual confirmations or delays. This ensured that users could always access their money when needed.
Enabling Quick & Effortless Bill Payments: Most users don’t want to navigate through multiple steps just to buy airtime or pay for electricity. To simplify this, I implemented a Quick Actions section on the home screen, giving users one-tap access to essential services like Airtime, Data, Electricity, CableTV, Betting, and more. This made transactions significantly faster and more intuitive.
Enabling Quick & Effortless Bill Payments: Most users don’t want to navigate through multiple steps just to buy airtime or pay for electricity. To simplify this, I implemented a Quick Actions section on the home screen, giving users one-tap access to essential services like Airtime, Data, Electricity, CableTV, Betting, and more. This made transactions significantly faster and more intuitive.
Enhancing Transaction Transparency: One of the biggest frustrations users face with bill payment platforms is uncertainty—“Has my transaction gone through?” or “Where’s my money?” To solve this, I designed a detailed transaction history with real-time status updates. Every transaction is clearly labeled (e.g., Pending, Completed, Failed), allowing users to track their payments at a glance.
Enhancing Transaction Transparency: One of the biggest frustrations users face with bill payment platforms is uncertainty—“Has my transaction gone through?” or “Where’s my money?” To solve this, I designed a detailed transaction history with real-time status updates. Every transaction is clearly labeled (e.g., Pending, Completed, Failed), allowing users to track their payments at a glance.
Creating a Frictionless User Experience: Beyond functionality, I focused on removing unnecessary complexity in the UI. I ensured that key actions were always within reach, used clear visual hierarchy to guide users, and optimized button placements and typography for easy readability. The goal was to make every interaction feel natural and effortless.
Creating a Frictionless User Experience: Beyond functionality, I focused on removing unnecessary complexity in the UI. I ensured that key actions were always within reach, used clear visual hierarchy to guide users, and optimized button placements and typography for easy readability. The goal was to make every interaction feel natural and effortless.
Designing for Multiple User Preferences: Not all users prefer mobile apps—some feel more comfortable making payments on a bigger screen, especially for work-related transactions or when managing multiple bills at once. To cater to these users, I designed a responsive web app that provides the same seamless experience as the mobile version, ensuring accessibility across devices.
Designing for Multiple User Preferences: Not all users prefer mobile apps—some feel more comfortable making payments on a bigger screen, especially for work-related transactions or when managing multiple bills at once. To cater to these users, I designed a responsive web app that provides the same seamless experience as the mobile version, ensuring accessibility across devices.
Empowering ABNpays with an Administrative Dashboard: On the business side, ABNpays needed a robust management system to oversee platform activities, track sales, monitor transactions, and manage user accounts. To address this, I designed a multi-access role administrative dashboard, enabling the team to:
✅ Monitor user activity and provide support when needed
✅ Track transaction data and sales analytics for business growth insights
✅ Manage platform settings and security for seamless operations
Empowering ABNpays with an Administrative Dashboard: On the business side, ABNpays needed a robust management system to oversee platform activities, track sales, monitor transactions, and manage user accounts. To address this, I designed a multi-access role administrative dashboard, enabling the team to:
✅ Monitor user activity and provide support when needed
✅ Track transaction data and sales analytics for business growth insights
✅ Manage platform settings and security for seamless operations
Outcome
Outcome
The result of this project was a comprehensive fintech ecosystem that delivers a seamless experience for both users and the business.
The result of this project was a comprehensive fintech ecosystem that delivers a seamless experience for both users and the business.
A Sleek Mobile App for iOS and Android
Designed with usability in mind, the mobile app allows users to fund their wallets, pay bills, and track transactions effortlessly. The intuitive interface ensures that even first-time users can navigate the app without confusion.
Designed with usability in mind, the mobile app allows users to fund their wallets, pay bills, and track transactions effortlessly. The intuitive interface ensures that even first-time users can navigate the app without confusion.
A Landing Page for Marketing and Brand Awareness
I designed this well-crafted landing page to serve as the first touchpoint for potential users. It is designed to:
✅ Explain ABNpays' value proposition clearly and concisely
✅ Showcase key features with engaging visuals and copy
✅ Encourage sign-ups and app downloads through compelling CTAs
A Powerful Administrative Dashboard for Business Management
ABNpays needed a way to monitor transactions, track sales, and manage user accounts effectively.
Takeaways
Takeaways
Knowing user pain points made designing a smoother experience easier.
Knowing user pain points made designing a smoother experience easier.
Prioritizing usability leads to higher engagement.
Prioritizing usability leads to higher engagement.
A seamless experience across mobile and web keeps all users satisfied.
A seamless experience across mobile and web keeps all users satisfied.
A Scalable design prevents future limitations and redesigns.
A Scalable design prevents future limitations and redesigns.
Simplicity and functionality must go hand in hand.
Simplicity and functionality must go hand in hand.
Previous Project
Previous Project
ABNpays
Next Project
Next Project
Dooni
Great Ideas Deserve Great Execution.
Let’s Bring Your Vision to Life and Build
Something Amazing Together!
CONTACT ME:
taofeeq.design@gmail.com
+234 (0)816 6822 210
HIRE ME ON:
Built by ME with ❤️
©2025 Adebayo Taofeeq
Great Ideas Deserve Great Execution.
Let’s Bring Your Vision to Life and Build
Something Amazing Together!
CONTACT ME:
taofeeq.design@gmail.com
+234 (0)816 6822 210
HIRE ME ON:
Built by ME with ❤️
©2025 Adebayo Taofeeq
Great Ideas Deserve Great Execution. Let’s Bring Your Vision to Life and Build Something Amazing Together!
CONTACT ME:
taofeeq.design@gmail.com
+234 (0)816 6822 210
HIRE ME ON: