PlutoPay
A showcase of the Pluto Pay app a finance and shopping app designed to bridge the gap between shopping and healthy spending.
Overview
PlutoPay is an online finance and shopping mobile app designed using Figma, that provides users with tools and features to make shopping smarter, more flexible, and financially empowering
The Story
-
Problem Statement
"Users need a way to use the app to stay on track with their finances and also indulge in online shopping, with their financial health in safe hands"
​
We all love to shop for our favorite products online, but wouldn't it be nice to have an app where you can shop and know your spending habits are going to be in check and also healthy? That's the main reason I chose to embark on the project!
-
Pontential Solution
Created a mobile app to help users with their financial health and also an app for a seamless online shopping experience
-
Design Process
Research
Design
Test
Present
Research
First, I started by doing some interviews to get a better understanding of what users wand in a shopping/finance app
Questions asked
-
Understanding how users experience the onboarding process without the use of a credit or debit card
-
Assess users' awareness of alternative payment methods supported by the banking app, such as mobile wallets, digital payment platforms, or any unique features that facilitate shopping transactions.
-
Measure overall user satisfaction with the shopping experience facilitated by similar apps. Identify factors that contribute to a positive experience and areas that may need improvement.
-
Identifying challenges users face when using traditional payment methods for shopping and understanding how the app addresses or alleviates these challenges.
-
Exploring users' preferences for contactless or digital payment methods, considering the increasing trend toward mobile payments and digital wallets.
Affinity Mapping
This was conducted by interviewing 3 participants to organize and make sense of all the data received from the participants.
User Persona
Sarah's User Journey
User Persona
Maya's User Journey
User flow
Here a user flow was crafted to represent the steps users take to complete specific tasks or achieve goals within a product. Which in turn helped me understand, plan, and optimize the user journey.
​
Sketches
The design phase begins! At first, I found it hard to come up with ideas that would stand out, but with time it became fun brainstorming. Check out the brainstorming that led to the final design
Mid-Fidelity Prototype
Major Screens
Testing
Usability testing was conducted with a group of diverse individuals to evaluate the app’s functionality, identify any issues, and refine the user experience. I established specific goals for usability testing, such as ensuring that users could easily navigate the app, set spending limits, use the Scan to Search feature and make purchases without confusion.
Testing
After the usability testing, I used a rainbow sheet to systematically track and analyze user feedback, allowing me to identify recurring issues and prioritize improvements
Preference Testing
I also carried out preference testing with a page to get feedback on what design users will prefer, I got some good feedback that pointed me in the direction of the final choice made
Results for Preference Testing
The results leaned towards the second option, in the total of 11 people 7 chose OPTION B, While 4 chose option A. This made my decision pretty easy because the margin of preference was a lot
Overall conclusion and takeaways
This was an interesting journey, I was able to practice an iterative design process and see how user feedback is very important in that process. I watched the project grow from just sketches to a high-fidelity prototype, which gave me a sense of fulfillment.
Challenges faced
One of the challenges I faced was creating an app that captures the vibrant, dynamic feel of a marketplace while shopping. Another significant challenge was effectively implementing user feedback. With a large volume of feedback to analyze, I had to carefully scrutinize and prioritize it, categorizing insights from most to least critical. Some feedback was difficult to accept, but I understood its value in the iterative design process and used it to refine and improve the app.