Industry

Fintech

Client

Settle Network

Ping Fiat-Crypto wallet

UX/UI Case Study

The project simplifies international payments for freelancers and businesses with cryptocurrencies and fiat currencies. It's fast, cost-effective, and borderless, facilitating cashing in, currency swapping, and payroll management. With collaborative design and iterative development, the team aims to deliver a user-centric MVP quickly.

My role:

  • Product Design Lead

  • Product Designer - UX/UI

  • Design System designer

  • Engineering hand-off

  • Web designer

Team:
9 People in-house, 1 UX/UI Designer SSR. + Me leading, 1PO, 1PM, 5 engineers
1 external agency with 2 visual designers doing all the marketing stuff.

Time:
6 Months

Project Overview

Problem Identification

Getting paid in dollars from outside the country as a freelancer, contractor or company for some countries and closed economic contexts can be very complicated. The classic international transfers in FIAT currency are expensive, slow, and subject to very high tax pressure in some cases. That is why a way to do it fast, cheap, and allowing the financial freedom to move globally without borders is needed.

Goals

  • Cashing in popular and stable cryptocurrencies.

  • Swap and/or receive FIAT (USD) money on the same account

  • Send payment requests (invoicing)

  • Be able to make payroll payments to employees

Design Process and Approach

We work with all teams using the “Double Diamond” methodology. The Double Diamond model emphasizes iterative development, user-centered design, and the importance of clearly defining the problem before jumping to solutions, leading to more innovative and effective product designs.

Discovery and Definition Stage: During this stage, we work closely with stakeholders and the product owner to clearly understand the problem. We employ various techniques such as mind mapping, user research (focus groups, which are easier and cheaper), journey maps, brainstorming, competitive and comparative analysis, user personas, prioritization matrices, information architecture, sketching, wireframes, design systems, core UI libraries, and high-fidelity mockups.

Development and Delivery Stage: This stage is crucial for allowing the team to explore prototypes and share their experiences as a story. After this, we proceed with the "developer hand-off," which includes providing a style guide, UI kits, design specs, and conducting meetings/workshops. The engineering team then starts building the MVP (Minimum Viable Product).

Delivery and Feedback Stage: In the final stage, the product is delivered. The team collects user feedback and conducts expert evaluations. These comments and feedback are used to improve future versions of the product.



Expand

My role:

  • Product Design Lead

  • Product Designer - UX/UI

  • Design System designer

  • Engineering hand-off

  • Web designer

Team:
9 People in-house, 1 UX/UI Designer SSR. + Me leading, 1PO, 1PM, 5 engineers
1 external agency with 2 visual designers doing all the marketing stuff.

Time:
6 Months

Project Overview

Problem Identification

Getting paid in dollars from outside the country as a freelancer, contractor or company for some countries and closed economic contexts can be very complicated. The classic international transfers in FIAT currency are expensive, slow, and subject to very high tax pressure in some cases. That is why a way to do it fast, cheap, and allowing the financial freedom to move globally without borders is needed.

Goals

  • Cashing in popular and stable cryptocurrencies.

  • Swap and/or receive FIAT (USD) money on the same account

  • Send payment requests (invoicing)

  • Be able to make payroll payments to employees

Design Process and Approach

We work with all teams using the “Double Diamond” methodology. The Double Diamond model emphasizes iterative development, user-centered design, and the importance of clearly defining the problem before jumping to solutions, leading to more innovative and effective product designs.

Discovery and Definition Stage: During this stage, we work closely with stakeholders and the product owner to clearly understand the problem. We employ various techniques such as mind mapping, user research (focus groups, which are easier and cheaper), journey maps, brainstorming, competitive and comparative analysis, user personas, prioritization matrices, information architecture, sketching, wireframes, design systems, core UI libraries, and high-fidelity mockups.

Development and Delivery Stage: This stage is crucial for allowing the team to explore prototypes and share their experiences as a story. After this, we proceed with the "developer hand-off," which includes providing a style guide, UI kits, design specs, and conducting meetings/workshops. The engineering team then starts building the MVP (Minimum Viable Product).

Delivery and Feedback Stage: In the final stage, the product is delivered. The team collects user feedback and conducts expert evaluations. These comments and feedback are used to improve future versions of the product.



Expand

My role:

  • Product Design Lead

  • Product Designer - UX/UI

  • Design System designer

  • Engineering hand-off

  • Web designer

Team:
9 People in-house, 1 UX/UI Designer SSR. + Me leading, 1PO, 1PM, 5 engineers
1 external agency with 2 visual designers doing all the marketing stuff.

Time:
6 Months

Project Overview

Problem Identification

Getting paid in dollars from outside the country as a freelancer, contractor or company for some countries and closed economic contexts can be very complicated. The classic international transfers in FIAT currency are expensive, slow, and subject to very high tax pressure in some cases. That is why a way to do it fast, cheap, and allowing the financial freedom to move globally without borders is needed.

Goals

  • Cashing in popular and stable cryptocurrencies.

  • Swap and/or receive FIAT (USD) money on the same account

  • Send payment requests (invoicing)

  • Be able to make payroll payments to employees

Design Process and Approach

We work with all teams using the “Double Diamond” methodology. The Double Diamond model emphasizes iterative development, user-centered design, and the importance of clearly defining the problem before jumping to solutions, leading to more innovative and effective product designs.

Discovery and Definition Stage: During this stage, we work closely with stakeholders and the product owner to clearly understand the problem. We employ various techniques such as mind mapping, user research (focus groups, which are easier and cheaper), journey maps, brainstorming, competitive and comparative analysis, user personas, prioritization matrices, information architecture, sketching, wireframes, design systems, core UI libraries, and high-fidelity mockups.

Development and Delivery Stage: This stage is crucial for allowing the team to explore prototypes and share their experiences as a story. After this, we proceed with the "developer hand-off," which includes providing a style guide, UI kits, design specs, and conducting meetings/workshops. The engineering team then starts building the MVP (Minimum Viable Product).

Delivery and Feedback Stage: In the final stage, the product is delivered. The team collects user feedback and conducts expert evaluations. These comments and feedback are used to improve future versions of the product.



Expand

Design Tokens, Style Guide and Design System

I followed UI patterns, best practices and standards to make design decisions about spacing, grid patterns, size, button elements, text and accessibility. I created a style guide and documented every detail while updating changes made to my prototype. Once the basics were defined, I suggested creating a design system based on the framework that the engineering team would use. This design system is mapped 1 to 1 facilitating the hand-off and the subsequent implementation of the components.

Web mockups

Mobile mockups

So, whats next ?

In future iterations, we plan to enhance the user experience by implementing interactive tutorials and tooltips to guide users through complex tasks. We aim to expand payment options, automate repetitive tasks, and offer personalized recommendations based on user behavior. Additionally, we will focus on strengthening security measures, ensuring seamless cross-platform integration, fostering community engagement, and providing real-time analytics. By continuously collecting user feedback and iterating on our product, we are committed to delivering a platform that meets the evolving needs of our users and empowers them to navigate global finance with ease.

Main Takeaway

Our focus is on enhancing user experience and functionality, adapting to user needs, and delivering a comprehensive financial platform. We prioritize features like user guidance, expanded payment options, automation, security, and community engagement. Continuous iteration ensures agility, empowering users to manage finances effectively in a dynamic global environment.

© 2024 - Ezequiel Marotte

© 2024 - Ezequiel Marotte

© 2024 - Ezequiel Marotte