Personal Project
Role: UX/UI Solo Designer
Date: June 2023 (2 weeks sprint)

Pinpay

Introducing Pinpay, a minimalistic wallet app where you can securely store all your cards in one place. Simplify your life, save time, and enjoy the convenience of having all your cards at your fingertips.

Problem

Users struggle with managing their finances efficiently, juggling multiple cards and payment methods.

Goal

Create a digital wallet that offers simplicity and ease of use, providing a place to save their cards into a single, user-friendly platform

Solution

Develop a minimalist digital wallet app that focuses on storing payment methods and tracking transaction history, prioritising functionality, simplicity and visual clarity.

Design methodology

The Design Thinking method was used to approach the development of the project.

Empathise Approach the problem, look for a goal and propose a solution.

Define Conduct market research, define potential users and validate them through interviews..

Ideate Devise a minimum viable product, create an information architecture and visually explore the experience we are aiming for for our users.

Prototype Developing sketches, wireframes and come up with a high definition prototype to make the experience as believable as possible.

Test Put the prototype to the test with real users, took their experiences into account and iterated the prototype based on them to improve it.

Competitor Analysis

We studied Apps that were similar to our proposed solution, investigating the functionalities, analysing the strengths and weaknesses of each one. This allowed us to learn from them and find our own identity for the project, also generating an experience that would enhance the strengths and improve the weaknesses.

User Personas

In order to better define our project and our user needs, user personas were created, i.e. sketches of potential users of our product who are affected by the problem addressed.

The M.V.P

The minimum viable product was designed based on the user's primary need and according to this, two types of functionalities were differentiated.

  • -Store cards

    -Check card balance

  • -Scan card information

    -Send money

    -Check overall balance of all cards

Information Architecture

The initial architecture is a simple as the main functionalities for this initial version of the app are minimal.

A Task Flow was defined for the main functionality of the app. In this case, the main action is to add a card to start using the app.

The User Flow to focus on the happy path the user would take to accomplish the task, without errors or obstructions

Wireframes

Onboarding

A set of three screens explaining the possibilities within the app

App identity & UI Kit

Accesibility

When designing the app, the aim was to create a product that as many people as possible could use. That's why we decided to integrate technology and design concepts that would make it accessible.

The colour palettes used for the different assets were graded AAA according to the WCAG.

The design considered different text sizes in order to create a hierarchy that would allow the user categorising the information easily

Text within the app is mostly justified left for a better reading experience. There are, however exceptions (i.e onboarding texts justified center)

The prototype

The iterated prototype is available to be tested.

Previous
Previous

Medidapp - Mobile App - UX/UI