Ea$y $pending
Ea$y $pending
Embedded Files
A dedicated app and Responsive website
A dedicated app and Responsive website
Project overview
Project overview
The product:
Ea$y $pending is a cross-platform inter-banking E-commerce payment tool for people with multiple bank accounts
Project duration:
May 2022 to June 2022
The problem:
Ea$y $pending is a product designed for social good. Designing for social good is a way for UI/UX designers to address problems going on in their own community and drive positive change in the society.
One problem in my community is that people with multiple bank accounts have to switch between various banking apps to carry out their transactions thus creating the need for an Inter-banking tool to make spending more easier
My role:
Lead UX designer designing a dedicated app and responsive website from conception to delivery.
The goal:
Design a cross-platform Inter-banking E-commerce payment tool to make spending easier for people with multiple bank accounts.
Design tool:
Figma design tool
Responsibilities:
Conducting interviews
Paper and digital wireframing
Low and high-fidelity prototyping
Conducting usability studies
Accounting for accessibility
Iterating on designs
Determining information architecture
Responsive design
Understanding the user
Understanding the user
User research: Summary
The user interviews I conducted showed that most interview participants feel stressed about having to switch between various banking apps to carry out their multiple transactions.
The feedback received through research made it vey clear that users would be interested in having an inter-banking E-commerce tool that connects their multiple bank accounts and various credit/debt cards together.
User research: Pain points
Time:
Time:
People with multiple bank accounts have to switch between different banking apps to make their transactions.
User flow:
User flow:
Platforms for making payments does not have a straight forward user flow.
Persona: Shane Ahuja
Problem statement:
Problem statement:
Rutherford is a computer engineer who has multiple bank accounts and needs a unified way of paying for his computer spare parts because he trades with multiple sellers.
User journey map
User journey map
Mapping Michael's user journey revealed how helpful it would be for users to have an E-commerce inter-banking tool for all their transactions.
Competitive audit
Competitive audit
Competitive audit is a research into competitors strength and weakness.
Interestingly, no single competitor both direct and indirect in my community that offers a cross-platform E-commerce inter-banking tool to link multiple bank accounts together.
Starting the design
Starting the design
Digital wireframes
After ideating and drafting some paper wireframes, I created the initial designs for the Ea$y $pending app. These designs focused on delivering personalized guidance to users.
Low fidelity prototype
To prepare for usability study, I created a low-fidelity prototype that connected the user flow of making payments and adding multiple bank cards.
The low fidelity prototype could be experienced via the link Low-fidelity prototype
User experience research study
User experience research study
Usability study:
The usability study helped to assess how easy it was for participants to complete core tasks in the design.
Parameters for the usability studies include;
Usability study Findings
The findings were about the user flow and time.
Refining the design
Refining the design
Iterating the design
Based on the insights from the usability studies, I iterated the designs. I provided a clear attention-drawing Call-to-action button on the home screen to quickly make payments.
To increase accessibility to the different features of the app, I included some icons on the homepage of the dedicated app.
Before usability studies
After usability studies
Mockups
High-fidelity prototype
The final high-fidelity prototype presented cleaner user flows for making payments with increased accessibility. The high fidelity prototype could be experienced via the link High- fidelity prototype
Accessibility considerations
Responsive design
Responsive design
Sitemap
With the dedicated app designs completed, I started working on the responsive website. I created a sitemap
I used the Ea$y $pending sitemap to guide the information architectural structure of each screen's design to ensure a great and consistent experience across devices.
Responsive designs
The designs for screen size variation included Tablet and Desktop versions.
Going forward
Going forward
Takeaways
Impact:
Users with multiple bank accounts shared that the app made their multiple transactions much more interesting and easier since they don't have to switch between different banking apps to make payments.
What I learnt:
I learnt that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and also, aligning with specific user need helped me to come up with solutions that were both feasible and useful.
Next steps
Let's connect
Page updated
Google Sites
Report abuse