Wallet

Needs
About the app, the client gives us the indication to create one application where the user can pay the employes. Also, the employe can see his money status and do some different payments in online shops, we inspire in existing virtual cards.

My role
My role as a UXUI Designer in this project was to create the concept from the initial stage, select the best color pallet, typography, the information architecture in the screens, the perfect tool to this project was figma.

Challenge
Design a useful and visual product, where the user feels their money secure, and they can apply some transactions online.

Activities
We the team I analyze the concept idea, and I contribute with the flow

I did research to analyze the home screen in different apps. This technique permits me to identify actual trends in design and validate my design whit other similar apps, this all to take better decisions in my process of design.

I designed the wireframes for low and high fidelity; I created the Design system with master components to enhance productivity and usability using figma.

I made a dynamic prototype to transmit better the idea to the team.

Methodology we use
We follow Desing thinking methodology identifying each stage at the beginning, empathize, define, ideate, prototype and test

Work team
I guided this project, and I had the support by one front end and one back end, I am the user interface and user experience responsible, I follow-up the project from initial stage until launch.

General Objective
Design a useful and visual product, where the user feels their money secure, and they can apply some transactions online.

Secondary objectives:

Provide real-time updates: Display real-time transaction and balance updates to help users stay informed about their financial activity.

Offer visual feedback and confirmations: Provide users with clear visual cues and confirmations after every completed transaction, enhancing trust and clarity in their actions.

findings
I did research about similar apps and found that:

Showing the money quantity is important to the user to know how much is available now to do a transaction

The design needs to have the capacity to show and hide the virtual money, this feature was thought about discretion to protect the user privacy.

The final design needs show transaction to give information to the user test

Communication
We implement a communication channel through the tool Slack, and share a figma file to maintain all members in the same line

Learning
I learn the way to transmit easy ideas to the team and be secure that they understand the design concept. I faced problems whit the communication whit the team sometimes they don’t understand my indication, and other times my ideas in design need a redesign I received feedback and open mind to continue with the process.
We are human and make mistakes I learn from them; communication is the key to any project.

Final Design
This is the final design that we implement in the first stage, we implement this app in a company whit 30 employees

Scroll to Top