Plutopay is a digital wallet designed for secure, seamless, and convenient money management.

It helps users send, receive, budget, and save money anytime, anywhere.

In January 2025, I began designing Plutopay as part of my CareerFoundry UX Design Bootcamp. The goal was to create a secure, seamless digital wallet to help users manage money, send and receive payments, and track expenses — even without internet access.

Through user research, testing, and iterative design, I developed an easy-to-use app featuring international transfers, offline wallet access, budgeting tools, and travel rewards. This project strengthened my skills in UX research, prototyping, and usability testing while sparking a deeper interest in fintech solutions.

Additionally, I gained hands-on experience in visual design, color theory, design systems, UI design, accessibility standards, emotionally engaging interfaces, and developer handoff, further rounding out my end-to-end product design capabilities.

SUMMARY

MY ROLE

Lead UX/UI Designer in a 4-month CareerFoundry Bootcamp project.

January 2025 – April 2025.

DURATION

Hira Yasir (UX Designer), Matthew Schneider (CareerFoundry Mentor & Senior UX Designer), Kelly Mattingly (CareerFoundry Tutor & Senior UX Designer)

Stakeholders

Pen & Paper, Figma, Adobe CC, Miro, LucidChart, Lyssna, Zoom

TOOLS

A five-step design process infographic with gradient purple and beige background. Steps include: Understand, Define, Ideate, Prototype, and Validate, each listing related activities such as market research, personas, user flow, mockups, and testing.

My Process

PROBLEM

Many people need a secure, simple way to transfer money internationally, manage finances, and make purchases without relying on credit cards. Travelers and digital-first users often struggle with fragmented financial tools, leading to challenges in managing expenses, sending money, and setting savings goals — especially in areas with limited or no internet access. This creates unnecessary financial stress and limits users' control over their money and spending habits.

How might we simplify financial management and help people feel more in control of their money anytime, anywhere?
How might we reduce financial anxiety and make digital money management seamless and accessible?

A diagram of five spaces for quotes connected by lines, arranged in a flowchart style.

User Insights

User Voice

Gradient background with blue and purple shades

UNDERSTAND

📊 Competitive Analysis

Comparison table of payment features, including PayPal, Apple Pay, and Plutoplay, highlighting offline payments, international transfers, transfer editing, expense tracking, and rewards.

To better understand the current digital wallet landscape, I analyzed two leading competitors: PayPal and Apple Pay. This helped identify gaps in the market and opportunities for Plutopay to offer a more user-centered solution.

Key takeaway:
Both PayPal and Apple Pay lack offline access, flexible money transfer controls, and tailored features for travelers — clear areas where Plutopay can stand out.

User Interviews

& Surveys

At the start of this project, I conducted 3 in-depth user interviews via Zoom as my qualitative research method. The participants were frequent travelers, and for them, using an e-wallet app was an essential part of managing money abroad. These interviews helped uncover pain points around money transfers, offline payments, and budgeting on the go.

To gather quantitative insights, I also ran a Google Forms survey and received multiple responses from a wider audience. The survey helped validate patterns and preferences identified during interviews and provided additional data on users’ habits with digital wallets.

PARTICIPANTS

03 Interviews (Zoom)

20 Multiple Survey Responses (Google Forms)

AGE GROUP

25–50 year olds who actively use digital wallets for travel and daily expenses.

GOALS

  • Understand how, when, and where users rely on digital wallet apps.

  • Identify common frustrations and limitations in existing e-wallet tools.

  • Discover which features users would find most valuable in a payment app.

Affinity Map

Table with four columns labeled Observations, Positive Quotes, Negative Quotes, and Errors. Each column contains multiple rows of text related to user experience feedback on a financial app. The Observations column lists user feedback, the Positive Quotes column features praise, the Negative Quotes section shows criticisms, and the Errors column highlights specific issues like missing buttons or inability to cancel transactions.

Business Requirements Document (BRD)

As a foundational step, I created a Business Requirements Document (BRD) with guidance from my mentor and tutor. This helped align project goals, define success metrics, and scope out essential features for PlutoPay.

Three circular charts showing survey percentages: 75% for security as users' top concern, 86% for want budgeting and transfers combined, and 96% for use of financial apps on mobile devices.

Some Initial Insights

A gradient background fading from purple at the top to pink at the bottom

DEFINE & IDEATE

User Personas

Profile of Spencer, a 48-year-old married entrepreneur from Phoenix, Arizona, smiling in a light gray suit and black glasses. The profile includes his quote, personal details, personality traits, favorite brands, and characteristics, with an emphasis on financial management and travel habits.
User persona profile for Amal, a 35-year-old married digital marketer from Atlanta, Georgia. The profile includes a photo of a smiling woman with long brown hair, text emphasizing her energetic approach to shopping, and various icons of favorite brands like Facebook, LinkedIn, Spotify, Coca-Cola, Apple, American Express, and Sephora. It describes her personality traits, behaviors, goals, pain points, and desired app features related to online shopping and financial management.

User Flows

I created 4 user flows

ACCOUNT CREATION, SEND MONEY, OFFLINE WALLET, and GOAL SETTING.

Showing the two most essential here: SETTING GOALS and OFFLINE WALLET.

OFFLINE WALLET USER FLOW

Flowchart diagram of an app onboarding process, including user verification, wallet addition, setting spending limits, review, and toggle actions.

GOAL SETTING USER FLOW

Flowchart illustrating steps for a goal-setting process, including sign-up, login, verification, decision points, goal entry, review, adjustments, and tracking progress.
A purple gradient background with no distinct objects or features.

PROTOTYPE & USABILITY TESTING

The usability test uncovered several critical issues.
Click the button below to view the Usability Report, hear the User Voice, and see How I Tested.

Low Fidelity Wireframes to High Fidelity Wireframes

Flowchart showing the progression of a mobile app redesign from paper sketch to after usability testing, focusing on interface improvements like a total balance feature for better clarity and user experience.
Diagram of the evolution of an offline wallet dashboard from sketch to revised high-fi wireframe, with explanations about its importance and design features.
Flowchart of goal-setting app development, showing sketches, wireframes, prototypes, and after usability testing with a final app display featuring goal details, progress circles, and a navigation menu.
Flowchart of a mobile app process for sending money, setting goals, and using an offline wallet. The process includes screens for selecting contacts, entering amounts, confirming transfers, setting and customizing savings goals, and managing offline cash transactions. The screens are color-themed in purple with icons and text describing each step.
A digital infographic shows three on-boarding screens of the PlutoPay app on smartphones, with a description of features like sending, receiving, and spending money with rewards, and a call-to-action to sign up, emphasizing offline use and rewards for travel.

A/B Testing

I conducted three A/B preference tests using Lyssna to evaluate visual and UX/UI elements within the PlutoPay app. A total of 7–9 participants responded to each test. The purpose was to gauge user preferences for design choices across onboarding and dashboard screens.

A pixelated gradient background transitioning from blue to purple

VALIDATE

UI Design System — Components, Styles & Visual Assets

Final Product

LESSON LEARNED

During the Plutopay project, I learned how important it is to stay focused on the main problem you're trying to solve. It’s easy to get excited about new features, but that can distract from building something truly useful.

User feedback was also a key part of my process. It helped me make better design decisions and revealed new challenges I hadn’t considered. About two-thirds through the project, I realized one of the biggest issues with digital payments: people use multiple apps like Apple Pay, PayPal, and budgeting tools, which makes it hard to track spending in one place. That insight helped me think about how Plutopay could stand out—as a tool that brings those features together into one digital wallet focused on budgeting and financial clarity.

The design process taught me that a project is never really “done”—there’s always room for improvement and new ideas.

FUTURE HIGHLIGHTS

Looking ahead, one of the key features I’d like to add is bill pay. While I focused on budgeting and saving in this version, integrating bill management would make Plutopay even more helpful. This would support the goal of creating an all-in-one financial tool that combines the convenience of apps like Apple Pay and PayPal with deeper financial insight.

A digital flowchart or sitemap of a financial app, showing sections like profile, savings, cashback, wallet, activities, rewards, help, and various submenus related to account info, transactions, budgeting, and offline purchase settings. The layout is organized with purple boxes and connecting lines.

Envisioning what users truly need

Site Map Before Card Sorting

CARD SORTING

To understand how users naturally group financial features, I conducted a card sorting test with 5 participants via UXtweak.

Key insights:

  • Users grouped Preload Wallet and Emergency Purchases under travel-related finances.

  • Expense Categories were consistently paired with budgeting tools.

  • Rewards, savings, and transfers were clustered together.

This informed my sitemap redesign, dividing features into clear, intuitive sections:
Travel Finances, Expense Management, Payments, Rewards, and Support.

A table showing respondents' answers regarding various financial and travel-related categories, with some categories having higher response counts like 'Preload Wallet' and 'Tax Management'.
Progress circle showing 5 out of 6 completed, with detailed text about survey dates, respondents, categories, and statistics.

Site Map After Card Sorting

After card sorting, the sitemap was reorganized to better reflect user mental models. Key goals like Balance, Rewards, and Track Your Spending were promoted to top-level categories, making them easier to access. The navigation became more goal-oriented and user-friendly, with clearer categorization and prioritization of tasks based on what users care about most.

Low-Fi & Mid-Fi Wireframes

Before card sorting, the sitemap was structured around actions and features like "Send", "Request", "Wallet", and "Savings", with financial tools and settings nested deep under sections like “Profile” and “Mobile Menu”. Important user goals such as checking balance, tracking spending, or accessing rewards were not clearly highlighted, making navigation less intuitive and task discovery more difficult.

Sketches

Sketches of mobile app wireframes for a goal setting and management app, showing various screens including dashboards, goal lists, adding goals, and goal progress charts.

Lo-Fi

Collection of mobile app screens showing dashboards, sending money, and goal setting features.

In the ideation phase, I explored multiple low to mid-fidelity wireframe variations. Through user testing, I iterated on layouts, icons, and text to enhance usability. Gestalt principles guided the design choices, ensuring key actions and information were clear and easy to access.

I’m showcasing a selection of sketches and Lo-fidelity, mid-fidelity wireframes here from the larger set created during this process.

Mid-Fi

Wireframes of a mobile banking app showing the main dashboard, sending money transaction, and goal setting features.