PlutoPay
Digital Payment application that allows users to send, receive, and budget their money.
Project Duration
7 Months
Role
UX Designer, UI Designer, UX Researcher
Category
SaaS, B2B, B2C
Objective
The primary objective of PlutoPay is to facilitate a seamless digital money transferring application for users without the need of a physical bank. This case study will delve into the development and implementation of a solution that ensures a frictionless experience for all users.
Problems
Goals
Gain insights into user needs, behaviors, and pain points with digital payments.
Design and test a seamless, intuitive, and secure money transfer experience.
Capture key learnings to guide future improvements in digital financial solutions.
Tools
Adobe XD
Adobe Photoshop
Balsamiq
Zoom
InVision
Optimal Workshop
UsabilityHub
Google Forms
User Surveys & Interviews
Research Goals
Identify user attitude towards digital payment and money transferring.
Understanding the friction areas and pain points users experience when sending or receiving money.
Discover which features and tools are most valuable.
Survey Insight Summary
Users tend to be skeptical over the security of online money apps.
Good customer support is of high priority when using a money transferring app.
Receiving notifications about new features is not a top concern.
Simplicity of design and navigation is what draws users to download an app.
Research Methods
Google Forms was used in order to conduct the survey.
68% of participants fall between the age range of 25-30.
25 participants were collected via CareerFoundry, Instagram, Twitter, and social groups.
Interviews were broken into three categories:
Doing
Thinking
Feeling
User Research
User Personas
3 personas were developed which contributed to a specific goal when using the PlutoPay app.
Each persona focused on their needs, goals, motivations, behaviors, and frustrations using a digital payment app. This aided in my design decisions towards making the overall experience easy.
User Journey
A user journey map was used in order to discover areas of specific phases, tasks, thoughts, emotions, and opportunities based on each participant. Opportunities recorded will be implemented towards the application development.
User Flow
Affinity Map
Data was collected from 3 User Interviews in order to develop an affinity map. Below are the listed categories:
Behaviors & Attitudes
Goals and Needs
Frustrations
Card Sorting & Site Map
I decided on the main categories of PlutoPay with a Card Sorting session. Optimal Workshop was utilized in order to conduct this study with 8 participants.
Based on results acquired from card sorting, a new site map was developed to adhere with participant's understanding of PlutoPay.
Wireframes
Design Process
Low, mid, and high fidelity wireframes were created highlighting necessary features based on user research and feedback. Tools such as Balsamiq, Photoshop, InVision, & Adobe XD were used.
Usability Testing
Usability Test Results
Once a high fidelity prototype was created, I conducted usability tests with 6 participants to understand the effectiveness of PlutoPay. The results assisted towards further iterations and reconstruction of the application.
Below are methods implemented for testing
Test script and plan
6 remote usability tests conducted via Zoom & Facetime
Affinity Map
Excel Spread Sheet
Preference Test
Preference testing was conducted via UsabilityHub to understand what would make the overall experience and visual design easier while navigating through the app.
Design Docs
Color System
Typography
Iconography
Learnings
Importance of Accessibility
Make application accessible to all individuals who may have visual impairments or health conditions.
Changes such as increasing font size, button size, and color scheme can play a significant different for a user.
Less is more
Overcomplicating an application with unnecessary features or information can be distracting and may result in less people interacting with it.
Safety
Based on user interviews and research, privacy is what was the common factor when using a financial app. Compromised data and losing trust can impact growth.
View Prototype
Demo
Please feel free to browse through this application below.
In case you may have issues navigating through the prototype, please click anywhere and you will see an interactive hotspot to direct you.
Other Projects
LearnHero
Education
Vocabulary learning application focused on users improving their knowledge in various industries.
Oko
HTML
CSS
JavaScript
Fully coded responsive website optimized for accessibility and performance across all devices.