Joseph Loves Chill Music

By Joseph

The beginning

Flawed Mangoes

Holocene

Bon Iver

Joseph

Joseph

Joseph

Joseph


Quickcoins


Quickcoins

Making crypto payments easy and protecting earnings from currency changes.

Making crypto payments easy and protecting earnings from currency changes.

Making crypto payments easy and protecting earnings from currency changes.

Making crypto payments easy and protecting earnings from currency changes.

Year

Year

2021

2021

Role

Role

Product Designer

Product Designer

SKILLS

SKILLS

User Research

User Research

Mobile Design

Mobile Design

Visual Design

Visual Design

Prototyping

Prototyping

The Product

The Product

Quickcoins is a crypto payment processing application. Buying digital products in crypto is the order of the from, case in point NFTs, but there are people who also sell physical products and would like to get paid in crypto as the instability of fiat currency reduces the value of their money.

Quickcoins is a crypto payment processing application. Buying digital products in crypto is the order of the from, case in point NFTs, but there are people who also sell physical products and would like to get paid in crypto as the instability of fiat currency reduces the value of their money.

Quickcoins is a crypto payment processing application. Buying digital products in crypto is the order of the from, case in point NFTs, but there are people who also sell physical products and would like to get paid in crypto as the instability of fiat currency reduces the value of their money.

My role

My role

Design a seamless mobile app that allows individuals to deposit fiat in their account which is then stored in USDT for buying and trading tokens and also allows merchants to get payments in crypto.

Design a seamless mobile app that allows individuals to deposit fiat in their account which is then stored in USDT for buying and trading tokens and also allows merchants to get payments in crypto.

Design a seamless mobile app that allows individuals to deposit fiat in their account which is then stored in USDT for buying and trading tokens and also allows merchants to get payments in crypto.

Defining user categories

Defining user categories

🛍️ Merchants: People who sell products online, and want to receive payments in different types of crypto.

🛍️ Merchants: People who sell products online, and want to receive payments in different types of crypto.

🛍️ Merchants: People who sell products online, and want to receive payments in different types of crypto.

👤 Individuals: People who want to save their fiat currency in USDT and also invest in unstable coins.

👤 Individuals: People who want to save their fiat currency in USDT and also invest in unstable coins.

👤 Individuals: People who want to save their fiat currency in USDT and also invest in unstable coins.

User Flow

User Flow

A simple flow that allows users perform actions in 5-clicks or less. The flow was reviewed after internal testing based on feedbacks which were implemented in the design.

A simple flow that allows users perform actions in 5-clicks or less. The flow was reviewed after internal testing based on feedbacks which were implemented in the design.

A simple flow that allows users perform actions in 5-clicks or less. The flow was reviewed after internal testing based on feedbacks which were implemented in the design.

Style guide

Style guide

This was extracted from the design system which was created for the product. The style guide is important to create coherent and consistent user experiences that can scale. This was also created to ensure a consistent mock-up and wireframes during the design process across the application and engineering team. The elements include the typography style for readability, the brand colours, icons, buttons, forms and components used throughout the application.

This was extracted from the design system which was created for the product. The style guide is important to create coherent and consistent user experiences that can scale. This was also created to ensure a consistent mock-up and wireframes during the design process across the application and engineering team. The elements include the typography style for readability, the brand colours, icons, buttons, forms and components used throughout the application.

This was extracted from the design system which was created for the product. The style guide is important to create coherent and consistent user experiences that can scale. This was also created to ensure a consistent mock-up and wireframes during the design process across the application and engineering team. The elements include the typography style for readability, the brand colours, icons, buttons, forms and components used throughout the application.

Visual Interface (Some of the screens)

Visual Interface (Some of the screens)

I implemented the typography, colours, components and icons to reflect the brand, enforce a language and give life and beauty to the product. The screens shared are for the merchant side of the product.

I implemented the typography, colours, components and icons to reflect the brand, enforce a language and give life and beauty to the product. The screens shared are for the merchant side of the product.

I implemented the typography, colours, components and icons to reflect the brand, enforce a language and give life and beauty to the product. The screens shared are for the merchant side of the product.

Onboarding/Account creation

Onboarding/Account creation

The onboarding of the product is straightforward and educative. The account creation is in four steps.

The onboarding of the product is straightforward and educative. The account creation is in four steps.

The onboarding of the product is straightforward and educative. The account creation is in four steps.

Deposit fiat currency

Deposit fiat currency

Deposit fiat currency through their bank or any authorized means, and on completion of the deposit, the money is automatically placed in crypto stable coins, and if they answer yes, they are given suggestions of which coin to put their money (USDT or another one).

Deposit fiat currency through their bank or any authorized means, and on completion of the deposit, the money is automatically placed in crypto stable coins, and if they answer yes, they are given suggestions of which coin to put their money (USDT or another one).

Deposit fiat currency through their bank or any authorized means, and on completion of the deposit, the money is automatically placed in crypto stable coins, and if they answer yes, they are given suggestions of which coin to put their money (USDT or another one).

Withdraw from assets

Withdraw from assets

Withdraw from any of the existing assets in three steps. Users can withdraw to default bank account or add new bank accounts.

Withdraw from any of the existing assets in three steps. Users can withdraw to default bank account or add new bank accounts.

Withdraw from any of the existing assets in three steps. Users can withdraw to default bank account or add new bank accounts.

Invest/Buy crypto

Invest/Buy crypto

Money deposited would be in USDT, User can buy unstable coins like bitcoin, etherum, litecoin, etc. User can see the current market analysis of each coins.

Money deposited would be in USDT, User can buy unstable coins like bitcoin, etherum, litecoin, etc. User can see the current market analysis of each coins.

Money deposited would be in USDT, User can buy unstable coins like bitcoin, etherum, litecoin, etc. User can see the current market analysis of each coins.

Merchant’s store

Merchant’s store

The product is aimed at helping merchants get paid in crypto, merchants create their storefront where they have access to activities like creating products to sell, seeing and accepting orders, and setting delivery fee for different locations.

The product is aimed at helping merchants get paid in crypto, merchants create their storefront where they have access to activities like creating products to sell, seeing and accepting orders, and setting delivery fee for different locations.

The product is aimed at helping merchants get paid in crypto, merchants create their storefront where they have access to activities like creating products to sell, seeing and accepting orders, and setting delivery fee for different locations.

More screens

More screens

This section allows the user to view their profile, payment methods, manage their security and preference, also get help and support from Quickcoins support team.

This section allows the user to view their profile, payment methods, manage their security and preference, also get help and support from Quickcoins support team.

This section allows the user to view their profile, payment methods, manage their security and preference, also get help and support from Quickcoins support team.

My takeaways from this projects

My takeaways from this projects

This was my first crypto project so I had to do a lot of secondary research to better understand how and what works. I also created an extensive design system which made implementation way easier.


You can view the prototype here.

This was my first crypto project so I had to do a lot of secondary research to better understand how and what works. I also created an extensive design system which made implementation way easier.


You can view the prototype here.

This was my first crypto project so I had to do a lot of secondary research to better understand how and what works. I also created an extensive design system which made implementation way easier.


You can view the prototype here.