CoinRamp

CoinRamp was designed as a widget for websites focused on Fintech or related to it. It offers the opportunity to easy buy different cryptos just with a Wallet Address, an ID and a Credit Card.

The project had multiple issues with the management of the widget, and the decision was to start working first on the Admin Panel and then improve the UI of the Widget.

Company:

Prime Trust

Role:

Product Designer, UX Researcher

Date:

Oct 2021

Tools:

Figma, Miro, Maze

Conversation summary UI
Conversation summary UI
Conversation summary UI

Structuring information to enhance usability and intuitive interaction

Information architecture (IA) is crucial in UI design because it organizes and structures content to ensure easy navigation and quick information retrieval. By aligning with users' mental models, IA reduces cognitive load, enhances usability, and supports a seamless user experience. Effective IA ensures that interfaces are not only visually appealing but also highly functional and user-centric.

R E S E A R C H
R E S E A R C H

We used 2 different methodologies using Maze to dig into the core problem and understand our users POV. The research shows up that the key problem in the Admin Panel was the Information architecture (the task and how does they work weren't clear enough) and the flow to create a new widget (mostly the KYC process and steps).

C A R D · S O R T I N G

We separate the Widget and the Admin Panel in tasks, the users had to order them to reach different goals like buy crypto with a new payment method, add a new crypto currency or customize the widget.

F I V E - S E C O N D · T E S T I N G

We showed our users key screens of the widget and admin panel, then we asked them key questions about hierarchy, easily understanding of the purpose of the page and how intuitive are the steps.

Design challenges

How might we set up the steps to follow in an intuitive way for our users?

How might we create a whole experience for our customers? (B2B)

How might we guarantee the usage of the widget across different platforms?

Design challenges

How might we set up the steps to follow in an intuitive way for our users?

How might we create a whole experience for our customers? (B2B)

How might we guarantee the usage of the widget across different platforms?

Design challenges

How might we set up the steps to follow in an intuitive way for our users?

How might we create a whole experience for our customers? (B2B)

How might we guarantee the usage of the widget across different platforms?

Design challenges

How might we set up the steps to follow in an intuitive way for our users?

How might we create a whole experience for our customers? (B2B)

How might we guarantee the usage of the widget across different platforms?

·

My biggest challenge during this project, was the whole research about the API's, how do they work and which options do we had or not.


To achieve this, I must research about API's, wallets and KYC process (as a high priority).
This goal was reached when we take the decision to focus on create a better structure for the information and tasks and less about KYC, we did a parthnership with other company that specializes in authentication solutions.

·

My biggest challenge during this project, was the whole research about the API's, how do they work and which options do we had or not.


To achieve this, I must research about API's, wallets and KYC process (as a high priority).
This goal was reached when we take the decision to focus on create a better structure for the information and tasks and less about KYC, we did a parthnership with other company that specializes in authentication solutions.

·

My biggest challenge during this project, was the whole research about the API's, how do they work and which options do we had or not.


To achieve this, I must research about API's, wallets and KYC process (as a high priority).
This goal was reached when we take the decision to focus on create a better structure for the information and tasks and less about KYC, we did a parthnership with other company that specializes in authentication solutions.

·

My biggest challenge during this project, was the whole research about the API's, how do they work and which options do we had or not.


To achieve this, I must research about API's, wallets and KYC process (as a high priority).
This goal was reached when we take the decision to focus on create a better structure for the information and tasks and less about KYC, we did a parthnership with other company that specializes in authentication solutions.

D E S I G N & P R O T O T Y P E
D E S I G N &
P R O T O T Y P E

01 WIDGET

We explore and implement 3 different ways to authenticate as a new or recurrent user, depending on the dispositive that they're using and the type of documentation (ID, passport, phone number, authentication app) that they registered.

01 WIDGET

We explore and implement 3 different ways to authenticate as a new or recurrent user, depending on the dispositive that they're using and the type of documentation (ID, passport, phone number, authentication app) that they registered.

01 WIDGET

We explore and implement 3 different ways to authenticate as a new or recurrent user, depending on the dispositive that they're using and the type of documentation (ID, passport, phone number, authentication app) that they registered.

01 WIDGET

We explore and implement 3 different ways to authenticate as a new or recurrent user, depending on the dispositive that they're using and the type of documentation (ID, passport, phone number, authentication app) that they registered.

02 ADMIN PANEL

After doing a complete renewal of the flow and architecture of the panel, we also include fully customizable options for the widget so our users can set up their own branding colors.

02 ADMIN PANEL

After doing a complete renewal of the flow and architecture of the panel, we also include fully customizable options for the widget so our users can set up their own branding colors.

02 ADMIN PANEL

After doing a complete renewal of the flow and architecture of the panel, we also include fully customizable options for the widget so our users can set up their own branding colors.

02 ADMIN PANEL

After doing a complete renewal of the flow and architecture of the panel, we also include fully customizable options for the widget so our users can set up their own branding colors.

03 WEBSITE

We also create a B2B website to promote the usage of our widget. Having a website enables to showcase our software's capabilities, target our audience with tailored messaging, and drive awareness through SEO, social media, and other digital marketing channels.

03 WEBSITE

We also create a B2B website to promote the usage of our widget. Having a website enables to showcase our software's capabilities, target our audience with tailored messaging, and drive awareness through SEO, social media, and other digital marketing channels.

03 WEBSITE

We also create a B2B website to promote the usage of our widget. Having a website enables to showcase our software's capabilities, target our audience with tailored messaging, and drive awareness through SEO, social media, and other digital marketing channels.

03 WEBSITE

We also create a B2B website to promote the usage of our widget. Having a website enables to showcase our software's capabilities, target our audience with tailored messaging, and drive awareness through SEO, social media, and other digital marketing channels.

N E X T · S T E P S
N E X T · S T E P S
N E X T · S T E P S
After the MVP version, the next steps for this project it’s to also include the option of set up the widget in dark mode and add more crypto currencies.

The project was sold to another crypto company in 2022.

Transform problems
into solutions.

Transform problems
into solutions.

Transform problems
into solutions.

© ILSE MORA · 2024

© ILSE MORA · 2024