Starting a new project? Feel free to

Copyright © Jim Chim

Starting a new project? Feel free to

Copyright © Jim Chim

Starting a new project? Feel free to

Copyright © Jim Chim

Starting a new project? Feel free to

Copyright © Jim Chim

Starting a new project? Feel free to

Copyright © Jim Chim

Starting a new project? Feel free to

Copyright © Jim Chim

Starting a new project?
Feel free to

Copyright © Jim Chim

Starting a new project? Feel free to

Copyright © Jim Chim

Starting a new project?
Feel free to

Copyright © Jim Chim

ABCC Exchange

ABCC Exchange

ABCC Exchange

ABCC Exchange Limited offers a comprehensive platform for cryptocurrency transactions, allowing users to deposit funds in USD. Users can easily convert their USD into a wide range of cryptocurrencies, providing a seamless entry point into the crypto market.
In 2023, the platform saw a 150% increase in new user registrations. However, there was a noticeable decline in retention rates, which can be attributed to multiple factors, including fluctuations in the cryptocurrency market and the services provided by ABCC Exchange.

Current Issues

Market Crisis

Exchange platforms are losing trust after the fall of FTX and JPEX, as people question their liquidity and the protection of their assets under global government.

Usage Confusion

About 30% of users struggle with daily crypto transactions due to difficulties in understanding the steps and complicates their experience on the platform.

Misleading Info

Misleading Info

Misleading Info

Misleading Info

Misleading Info

Misleading Info

The presentation and wordings are unclear, making it more difficult for users to understand the information, leading to errors or incorrect actions.

Project Directions And My Role

Project Directions And
My Role

Features Of Platform

ABCC platform promote the daily trading as the 3 main feature

UserFlow: Crypto To Bank (Fiat Function/Cash Out)

Login To
ABCC Exchange Account

Open “Config”
Function Page

Open “Config”
Function Page

Open “Config”
Function Page

Select Offer

Funding Type

Select Certificate

Bank Account

Insert Transfer

Funding Amount

Submit

Request

SMS

Authorization

Success Fund

Transfer

UserFlow: Crypto To Crypto (Transfer)

Login To
ABCC Exchange Account

Open “Config”
Function Page

Open “Config”
Function Page

Open “Config”
Function Page

Select Offer

Funding Type

Select Receive

Funding Type

Insert Transfer

Funding Amount

Submit

Request

SMS

Authorization

Success Fund

Transfer

UserFlow: Money To Crypto (Cash In)

Login To
ABCC Exchange Account

Open "Deposit"
Function Page

Select Deposit

Method

Generate Bank Account Detail/

Cryptocurrency Wallet Address

Complete Money Transfer By Wire Transfer/
Bank In Singapore Or Taiwan/Cryptocurrency Wallet of ABCC

Success Fund Deposit

After 1-5 Working Days

Since most of them are involved in the "Config" functions, we believe that making changes to the page can help address the negative impressions and feelings caused by the issue mentioned above.

My Role

As the sole designer of the platform, I worked closely with project managers to organize change decisions, collaborated with front-end developers on the user interface, and worked with backend developers on our CMS control panel. Based on user feedback from the customer service team and data-driven insights, we gathered enough figures to support our ideas and push the changes into our platform. Along with the findings from the user flow chart, our product manager decided to have me lead the changes on the "Config" function page.

User Pain Points

No User Property

Information

No Transection

Limitation

Original Interface Of Configuration function

Property Insecurity

User cannot ensure the platform have enough currency as there is no limitation on daily transection on configuration function. Panic selling or market fluctuations may cause the platform cannot support all user actions. User cannot easily to know how many property they owned in ABCC Exchange.
1) No user property information
2) No limitation or security control

Bad Guidance On User Steps

Bad Presentation On Information

No User Property

Information

No Transection

Limitation

Original Interface Of Configuration function

Property Insecurity

User cannot ensure the platform have enough currency as there is no limitation on daily transection on configuration function. Panic selling or market fluctuations may cause the platform cannot support all user actions. User cannot easily to know how many property they owned in ABCC Exchange.
1) No user property information

2) No limitation or security control

Bad Guidance On User Steps

Bad Presentation On Information

No User Property

Information

No Transection

Limitation

Original Interface Of Configuration function

Property Insecurity

User cannot ensure the platform have enough currency as there is no limitation on daily transection on configuration function. Panic selling or market fluctuations may cause the platform cannot support all user actions. User cannot easily to know how many property they owned in ABCC Exchange.
1) No user property information

2) No limitation or security control

Bad Guidance On User Steps

Bad Presentation On Information

No User Property

Information

No Transection

Limitation

Original Interface Of Configuration function

Property Insecurity

User cannot ensure the platform have enough currency as there is no limitation on daily transection on configuration function. Panic selling or market fluctuations may cause the platform cannot support all user actions. User cannot easily to know how many property they owned in ABCC Exchange.
1) No user property information

2) No limitation or security control

Button Type 3

Confusing Navigation

Button Type 2

Button Type 1

Original Interface Of Configuration function

Bad Guidance On User Steps

Users struggle to understand actions on the page due to scattered and inconsistent action buttons. This increases time spent and the likelihood of errors while navigating through transaction processes.
1) Unsystematic Buttons
2) Confusing Navigation

Unclear Labeling

Lack Of Hierarchy

Original Interface Of Configuration function

Bad Presentation On Information

The wording and presentation of information are unclear, making it difficult for users to understand the meaning of buttons or figures at first glance. This leads to increased time spent and a higher chance of errors.

1) Unclear Labeling
2) Lack of Hierarchy

No User Property

Information

No Transection

Limitation

Original Interface Of Configuration function

Property Insecurity

User cannot ensure the platform have enough currency as there is no limitation on daily transection on configuration function. Panic selling or market fluctuations may cause the platform cannot support all user actions. User cannot easily to know how many property they owned in ABCC Exchange.
1) No user property information

2) No limitation or security control

Button Type 3

Confusing Navigation

Button Type 2

Button Type 1

Original Interface Of Configuration function

Bad Guidance On User Steps

Users struggle to understand actions on the page due to scattered and inconsistent action buttons. This increases time spent and the likelihood of errors while navigating through transaction processes.
1) Unsystematic Buttons
2) Confusing Navigation

Unclear Labeling

Lack Of Hierarchy

Original Interface Of Configuration function

Bad Presentation On Information

The wording and presentation of information are unclear, making it difficult for users to understand the meaning of buttons or figures at first glance. This leads to increased time spent and a higher chance of errors.

1) Unclear Labeling
2) Lack of Hierarchy

No User Property

Information

No Transection

Limitation

Original Interface Of Configuration function

Property Insecurity

User cannot ensure the platform have enough currency as there is no limitation on daily transection on configuration function. Panic selling or market fluctuations may cause the platform cannot support all user actions. User cannot easily to know how many property they owned in ABCC Exchange.
1) No user property information

2) No limitation or security control

Button Type 3

Confusing Navigation

Button Type 2

Button Type 1

Original Interface Of Configuration function

Bad Guidance On User Steps

Users struggle to understand actions on the page due to scattered and inconsistent action buttons. This increases time spent and the likelihood of errors while navigating through transaction processes.
1) Unsystematic Buttons
2) Confusing Navigation

Unclear Labeling

Lack Of Hierarchy

Original Interface Of Configuration function

Bad Presentation On Information

The wording and presentation of information are unclear, making it difficult for users to understand the meaning of buttons or figures at first glance. This leads to increased time spent and a higher chance of errors.

1) Unclear Labeling
2) Lack of Hierarchy

Optimizing Directions

Adding Limitation

By implemented a limitation on daily transactions to secure inventory protection and maintain liquidity. These measures ensure that the platform has sufficient assets and resources available for every investor.

Intuitive User Flow

By improving the user flow, we aim to make it easier for users to understand the steps and usage of the config functions. The structure will be reformed to enhance users' understanding of the information.

Enhance User Interface

By integrating the user interface, we ensure that users can immediately understand the interactions and information. Additionally, we’ll align the color and size to help users more easily group related information.

Optimizing Directions

Original Interface Of Configuration function

Original Interface Of Configuration function

Add Limation

Add a limitation at the end of the exchange amount to provide hints to users about their daily transaction limits.

Interactive Changes

Descrease Design Columns

Labeling Rename

Color Intergation

Original Interface Of Configuration function

Original Interface Of Configuration function

Add Limation

Add a limitation at the end of the exchange amount to provide hints to users about their daily transaction limits.

Interactive Changes

Descrease Design Columns

Labeling Rename

Color Intergation

Original Interface Of Configuration function

Original Interface Of Configuration function

Add Limation

Add a limitation at the end of the exchange amount to provide hints to users about their daily transaction limits.

Interactive Changes

Descrease Design Columns

Labeling Rename

Color Intergation

Original Interface Of Configuration function

Original Interface Of Configuration function

Add Limation

Add a limitation at the end of the exchange amount to provide hints to users about their daily transaction limits.

1

2

3

4

5

Original Interface Of Configuration function

1

2

3

4

Original Interface Of Configuration function

Interactive Changes

All clickable areas are placed on the right-hand side with proper alignment, allowing users to interact with the functions using only one hand.

2

1

Original Interface Of Configuration function

1

Original Interface Of Configuration function

Descrease Design Columns

By reforming the information from two columns into one, the reading hierarchy becomes more clear, effectively illustrating the transaction calculations.

Original Interface Of Configuration function

Original Interface Of Configuration function

Labeling Rename

By providing more detailed labeling in the titles, we can help reduce errors and achieve the intended goals of clarity and ease of use.

Original Interface Of Configuration function

Original Interface Of Configuration function

Color Intergation

By using distinct colors to categorize the UI, I can effectively differentiate between informational elements and call-to-action buttons.

Original Interface Of Configuration function

Original Interface Of Configuration function

Add Limation

Add a limitation at the end of the exchange amount to provide hints to users about their daily transaction limits.

1

2

3

4

5

Original Interface Of Configuration function

1

2

3

4

Original Interface Of Configuration function

Interactive Changes

All clickable areas are placed on the right-hand side with proper alignment, allowing users to interact with the functions using only one hand.

2

1

Original Interface Of Configuration function

1

Original Interface Of Configuration function

Descrease Design Columns

By reforming the information from two columns into one, the reading hierarchy becomes more clear, effectively illustrating the transaction calculations.

Original Interface Of Configuration function

Original Interface Of Configuration function

Labeling Rename

By providing more detailed labeling in the titles, we can help reduce errors and achieve the intended goals of clarity and ease of use.

Original Interface Of Configuration function

Original Interface Of Configuration function

Color Intergation

By using distinct colors to categorize the UI, I can effectively differentiate between informational elements and call-to-action buttons.

Original Interface Of Configuration function

Original Interface Of Configuration function

Add Limation

Add a limitation at the end of the exchange amount to provide hints to users about their daily transaction limits.

1

2

3

4

5

Original Interface Of Configuration function

1

2

3

4

Original Interface Of Configuration function

Interactive Changes

All clickable areas are placed on the right-hand side with proper alignment, allowing users to interact with the functions using only one hand.

2

1

Original Interface Of Configuration function

1

Original Interface Of Configuration function

Descrease Design Columns

By reforming the information from two columns into one, the reading hierarchy becomes more clear, effectively illustrating the transaction calculations.

Original Interface Of Configuration function

Original Interface Of Configuration function

Labeling Rename

By providing more detailed labeling in the titles, we can help reduce errors and achieve the intended goals of clarity and ease of use.

Original Interface Of Configuration function

Original Interface Of Configuration function

Color Intergation

By using distinct colors to categorize the UI, I can effectively differentiate between informational elements and call-to-action buttons.

Goals And Impact

⁠Increase in New User

The website revamp has boosted page views by 110% and attracted 270% more new user.

Reduce Error

The redesign have reduced user error in transaction reports by 25% per month.

Streamline Workflow

The integration of 7 admin panels into one has reduced technical errors and enhanced efficiency.

Goals And Impact

⁠Increase in
New User

The website revamp has boosted page views by 110% and attracted 270% more new user.

Reduce
Error

The redesign have reduced user error in transaction reports by 25% per month.

Streamline Workflow

The integration of 7 admin panels into one has reduced technical errors and enhanced efficiency.

Goals And Impact

⁠Increase in
New User

The website revamp has boosted page views by 110% and attracted 270% more new user.

Reduce
Error

The redesign have reduced user error in transaction reports by 25% per month.

Streamline Workflow

The integration of 7 admin panels into one has reduced technical errors and enhanced efficiency.

Goals And Impact

⁠Increase in
New User

The website revamp has boosted page views by 110% and attracted 270% more new user.

Reduce
Error

The redesign have reduced user error in transaction reports by 25% per month.

Streamline Workflow

The integration of 7 admin panels into one has reduced technical errors and enhanced efficiency.

Goals And Impact

⁠Increase in New User

The website revamp has boosted page views by 110% and attracted 270% more new user.

Reduce Error

The redesign have reduced user error in transaction reports by 25% per month.

Streamline Workflow

The integration of 7 admin panels into one has reduced technical errors and enhanced efficiency.

Goals And Impact

⁠Increase in New User

The website revamp has boosted page views by 110% and attracted 270% more new user.

Reduce Error

The redesign have reduced user error in transaction reports by 25% per month.

Streamline Workflow

The integration of 7 admin panels into one has reduced technical errors and enhanced efficiency.

Goals And Impact

⁠Increase in New User

The website revamp has boosted page views by 110% and attracted 270% more new user.

Reduce Error

The redesign have reduced user error in transaction reports by 25% per month.

Streamline Workflow

The integration of 7 admin panels into one has reduced technical errors and enhanced efficiency.