Wallio - Mobile app Design Case Study

Wallio is a mobile financial management platform designed to simplify how users manage multiple bank accounts and cards in one place. The product focuses on improving financial control by offering a unified, secure interface that brings accounts, cards, and transactions together seamlessly.

The goal of Wallio is to enhance convenience, transparency, and financial awareness. Users can view consolidated spending and income insights, access curated financial education resources, and combine multiple bank cards into a secure digital wallet for everyday transactions.

This project highlights my work designing an intuitive mobile UI/UX that transforms complex financial data into a clear, user-friendly experience.

Add a description of your role on this project.

Users face daily friction when managing their finances due to fragmented tools and limited visibility. The experience feels complex, confusing, and unreliable—making it hard to build confidence or maintain control.

Lack of accessible financial education leaves users unsure about financial decisions. Managing multiple bank cards across different platforms causes confusion and errors. No unified view of total spending and income makes tracking financial habits difficult. Absence of real-time bank performance insights leads to slow or failed transactions. Overall experience results in frustration, low trust, and poor financial clarity.

Wallio centralizes financial management into a single, intuitive mobile experience designed to improve clarity, confidence, and control.

Curated financial education resources to improve financial literacy and decision-making. Secure multi-bank wallet for combining and managing multiple cards in one place. Unified financial insights showing total spending and earnings at a glance. Real-time bank network performance indicators to support smoother transactions. All features delivered through a clean, easy-to-use mobile interface.

To understand user needs and behaviors, I conducted qualitative and quantitative research through virtual interviews and online surveys with potential target users across different age groups and backgrounds (Students, Recent graduates, Employed individuals, Business owners). The goal of this research was to understand how users currently manage their finances, identify pain points with existing financial apps, and uncover opportunities for improvement.

The design process followed a user-centered approach, moving from understanding user needs to validating solutions through testing. Each stage focused on reducing complexity, improving clarity, and ensuring the product addressed real user problems before moving forward.

These User personas were created based on my research insights to represent key user groups, goals, behaviors, and pain points. These personas helped guide design decisions and ensure the product addressed real user needs throughout the design process.

To gain a deeper understanding of the competitive landscape in the Nigerian fintech market, I conducted a comprehensive competitive analysis. This analysis aims to identify the strengths and weaknesses of other organizations, as well as key factors that can be leveraged to enhance Wallio.

During the ideation phase, I explored multiple approaches through brainstorming and concept mapping. I defined key assumptions around user needs, flows, and behaviors to shape a clear and intuitive financial management experience.

I created low-fidelity wireframes to visualize core user flows and validate layout decisions early. This helped refine navigation, information hierarchy, and interactions before moving into high-fidelity design.

I built a consistent design system covering color, typography, components, and spacing to keep the product visually cohesive and speed up design and development handoff.

Here are the designs for the mobile app

When the user opens the app, the splash screen appears first, followed by a series of onboarding screens that briefly educate the user about the app's features. These screens provide a quick and engaging overview of how to manage multiple bank cards, track financial activities and access educational resources, ensuring a smooth introduction to Wallio.

Users start by entering their email, password, and confirming the password on the Main Signup Page. They then verify their email with a code on the Email Verification Page, followed by entering and verifying their phone number. After providing their full name, they see the Account Created Successfully Screen. Finally, users are directed to the Login Screen to access the app.

After creating their account, users are taken to the main screen, where they are prompted to add a card. When the user taps the button, they are directed to a screen to enter their card details. Once the details are entered, the card is successfully added.

From the home screen, the user taps the transfer button, which takes them to the transfer details screen. Here, they choose the account to transfer from, input the recipient's account number, and select the bank name or pick from beneficiaries. Next, they enter the amount to send and the transfer description. Finally, the user is prompted to enter their PIN to complete the transfer.

Wallio also enables users to view a comprehensive financial overview of their Received and Deductions, conveniently arranged by day, week, month, and year. This feature helps users track their spending and earnings over various time periods, providing valuable insights into their financial habits and assisting in better financial planning.

Our Financial Education section offers a wealth of resources designed to improve financial literacy. Users can access articles, videos, and tutorials on topics such as budgeting, saving strategies, investing, and managing credit. Whether you're a beginner or looking to enhance your financial skills, Wallio provides the tools and information you need to take control of your financial future.