PlutoPay

Empowering individuals to take control of their finances

At a glance


Research

  • User Interviews/Surveys

  • Competitive Analysis

  • Usability Tests

UX /UI Design


  • Wireframing

  • Prototyping

  • Information Architecture

  • Design Language System

  • Style Guide


Timeline

  • February-July 2023

PlutoPay is an end-to-end design concept for a secure and user-friendly mobile banking app. In a world of scattered financial data and limited insights into personal habits, PlutoPay offers a sophisticated yet user-centric approach to financial management. This app features an account hub, a seamless peer-to-peer payment system, and educational resources that empower users to take command of their personal finances.

The vision

PlutoPay is more than just a regular e-wallet—it's a comprehensive financial management solution. By bringing all of your banking activities into one app, PlutoPay can employ robust data analytics and insights. This in-depth analysis of users' spending habits empowers them with the knowledge that will enable greater control over personal finances. The development of this app was rooted in user research and ongoing usability testing, culminating in a thoughtfully designed solution.

Design Challenges

The Problem

People need a way to easily manage and understand their personal finances but they struggle to do this because their data is spread across multiple services.

Goals

  • Make an E-Wallet app that stands out in a saturated market

  • Empower users to be more confident with their personal finances

  • Create an engaging product that makes users want to come back again and again

What should PlutoPay accomplish?

What are the pain points and opportunities

In my research, I analyzed two major banking apps and conducted interviews with people who use apps for their money management. The main goals were figuring out how people handle their finances, spotting any issues they face with their current apps, and understanding what users really want and need from banking apps. This thorough exploration became the foundation for designing solutions that truly cater to users' needs.

Key takeaways from Surveys & INterviews

  • All interviewees expressed a desire to be better with finances

  • Most had tried many ways to learn how to “master” their money, but still felt overwhelmed and confused

On financial literacy

  • It’s all about convenience and simplicity of use

  • Most referenced the ease of using Venmo to pay others

  • Most had ditched other banking apps that were not quick and easy to learn

Why use apps to manage money?

Pain Points

  • Budgeting and finances aren’t fun. In fact it can be downright anxiety inducing

  • Too much information is overwhelming

Iterate, test, improve

Key features to design

  • Peer-to-Peer Payments

  • Account Hub to monitor activity from many accounts

  • Discover Page to learn about personal finance


User Journey

“How I pay the rent using Plutopay”

Now that I have an understanding of the user’s goals, I mapped out their journey through the app to discover pain points and opportunities for designing the key features.

Sketches & Mid-fidelity Wireframes

  • Account overview

  • Detailed transaction list

  • Filter transactions

  • Recurring transactions

  • Savings goals

  • Contact list

  • Pay or Request funds

  • Trending articles (“How to increase your credit”)

  • Searchable topics (Loans, Budgeting, Credit Cards)

  • Video tutorials

  • Log in

USability Test Insights

With this clickable prototype, I conducted moderated in-person and remote usability tests to get feedback on the early design.


I was specifically testing the navigation structure, ease of completing the main tasks, and general feedback of the “Discover” page.

Design Evolution

The most important feedback I received was that the “discover” page was not a hit, frankly. I knew that the users still had the frustration of wanting to be better with their finances, but the Discover page was not providing the help or relief that I had intended.

User Feedback changed my design

Users told me that they needed to learn about their own finances: a thing they could control. By seeing data on themselves, they could actually change their behavior. This is how the Insights page was born.


Evolution of Design:

From “Discover” to “Insights”

1. The Discover page was unappealing and not useful, so I scrapped the idea and transformed the page into a personalized “insights” page.

1

2. The concept of this page is to display user’s data using charts and infographics so they can have a better understanding of their own financial picture.

2

3. The participants expressed that they would only be motivated to learn about finances or change their behavior if they could relate it to themselves, not through reading articles.

3


Design Language System

I further improved the design by implementing a detailed design system and accessibility standards. I sought out feedback from fellow UX designers to test my updated designs. The following is an example of some of the design rules for maintaining consistency throughout the interface.

Final Screens & Prototype

Welcome & Onboarding

  • Simple Onboarding sequence familiarizes the user with the key functions of PlutoPay

  • CTAs help users get started right away with options to connect their bank account, sync their contacts, and customize their insights

Onboarding flow

My Dashboard

  • Customizable Homepage allows users to display the information that matters to them most

  • Time sensitive information like Pending Requests or notifications appear right at the top for visibility

  • My Wallet shows current balances for uploaded accounts

Fulfill request flow

Peer-To-Peer Payments

Users toggle between their contact list (to send or request payments), Pending payments/requests, and Recent Transactions

Accounts Hub

  • Users can see a snapshot view of their uploaded accounts and recent activity

  • Option to view detailed transaction list

Have a Look at the  Figma Prototype

Reflection

What I learned: Key lessons from this case study

Stay Curious

To continue developing this banking app concept, I would conduct more lengthy quantitative and qualitative studies to test the hypothesis that having insights/data into your own spending habits can positively change your behavior and strengthen your financial confidence.


I’ve learned that I must stay curious and involved with the end user to make designs that have a positive impact.

Dig Deeper

This case study taught me to go beyond surface-level questioning during my user interviews. By deviating from my predefined script, I was able to elicit more detailed and authentic responses. It became clear that by genuinely engaging with what people were saying and venturing into unanticipated territories, I could uncover new and valuable insights.

After listening to feedback from my usability tests, I knew I needed to abandon my initial concept for the Discover Page. The feedback challenged my preconceived assumptions about the desires and needs of PlutoPay users, urging me to approach the problem from a fresh perspective.
By seeking out feedback and engaging in iterative testing, I can ensure that the final design aligns closely with user expectations, ultimately resulting in a more seamless and satisfying user experience.

Challenge assumptions

Thank you!