top of page
Gallery
Orange.png
PlutoPay Animated Cover.png

Overview ✧

PlutoPay is a banking app designed to streamline, top-up, and schedule payments and transactions without needing physical debit or credit cards. Targeting individuals who prefer the convenience of a consolidated financial tool, PlutoPay addresses the changing landscape of online retail, amplified by the 2020 global pandemic. With a focus on security, simplicity, and functionality, the platform offers features such as onboarding, transaction authentication, topping up money at nearby locations, and money management. The development process is a part of the CAREERFOUNDRY course. PlutoPay aims to provide a secure and efficient solution for users navigating the complexities of online financial interactions.

Duration

4-month time span of the CAREERFOUNDRY course

Team

Sole UX/UI lead - I independently managed this project, consistently engaging in reviews with my tutor, mentor, and fellow designer

Roles

Wireframing, User Research, Information Architecture, Ideation, Prototyping, UI Design, User Testing

​​

Tools

Figma, AdobeXD, Adobe Photoshop, Adobe Illustrator,  Google Docs, Canva, Lyssna

Problem  Statement

The user is an avid online shopper and frequent money sender who needs a way to make online purchases and conduct money transfers without relying on physical banks, as they value the convenience of online transactions.
 
      We will know this to be true when we see an increase in the number of users successfully doing online transactions. This can be measured by a quantitative

analysis of online transaction history.

Design
Process

01  Research

  • Competitor Analysis 

  • User Interviews

  • Empathy Map

  • User Personas

02  Design

  • User Journey Map 

  • User Flow 

​

​

03  Prototype

  • Low-Fidelity

  • Mid-Fidelity

  • High-Fidelity

​

​

​

​

​

04  Test

  • Usability Test

  • Affinity Map

  • Rainbow Spreadsheet

  • Identified Solution

  • A/B Preferences Test

​

​

​​

01  Research

Competitor Analysis - SWOT Analysis

3 participants with diverse backgrounds, ages, and genders reveal common results:
 

  • All users emphasize the importance of security in online transactions.

  • They value convenience in the online shopping and payment process.

  • Each user prefers straightforward payment methods, whether it's Cash on delivery, QR code payments, or Bank transfers.


Responses from the 3 users' interviews will be used to formulate an affinity map.

User Interview Values:

  • Convenience in online transactions.

  • User-friendly experience.

  • Secure payment method.

  • Fast and reliable transaction.

User Needs

  • Safety concern for financial information.

  • Difficulty activating online payment methods.

  • Annoyance with the complex payment process.

User Frustrations
Background for Problem Statement.png
Empathy Map
User Personas
Background for Problem Statement.png

✧ The creation of user journey maps and user flow was based on user interviews.

02  Design

User Journey Map
User Flow
Background for Problem Statement.png

✧ The crafting of low-, mid, and high-fidelity prototypes was based on personas, user journey maps,

and user flow.

2.png
3.png
4.png

03  Prototype

Background for Problem Statement.png

✧ Once the design is set it was time to put the design into test

Usability Test - Conducted 7 Test

04  Test

Usability Test Affinity Map
Rainbow Spreadsheet Analysis
Addressing Issues Based on Rainbow Affinity Map
Identified Solution Results
A/B Preference Testing First Onboarding Page
Accessibility Audit According to W3C Standard
LAjgx5LhxOW.png
Background for Problem Statement.png

PlutoPay  Demo  Video ✧

Interactive  Prototype ✧

Start with hold and drag to slide!

What's  Next? ✧

  • The app requires further testing to address overlooked issues.

  • PlutoPay's goal is to enhance the management of multiple accounts.

  • Users face difficulty in recognizing the sending account.

  • Proposed improvements include adding managing multiple accounts to the bottom nav bar.

  • A guide on managing multiple accounts needs to be implemented.

Areas of Improvement

  • Start basing remote usability testing to reach a broader user demographic and gather insights from users in different geographical locations.

  • Create more user personas in testing scenarios to ensure the application reflects a diverse range of users with different needs and wants.

  • Conduct user interviews to understand needs and pain points for a more personalized experience.

  • Introduce an A/B test to refine the design to its best satisfaction.

User Testing

  • Validate hypotheses through A/B testing for the new consolidated page.

  • Conduct usability testing and interviews to gather feedback for further improvements.

  • Prioritize user interactions and feedback to align proposed enhancements with user preferences.

  • Aim for an optimized user experience based on user-centric insights.

Validation Methods

  • Implement a consolidated dashboard for seamless navigation and financial overview.

  • Validate the hypothesis through A/B testing, usability tests, and user interviews.

  • Problem: Difficulty in managing multiple accounts within PlutoPay.

  • Solution: Introduce a new page view for efficient switching and financial status viewing, aiming for increased satisfaction and engagement.

New Hypothesis

bottom of page