Config Function Revamp

ABCC / 2023

SaaS

Revamp

UI/UX Design

Web3

Financial Institution

ABCC is a leading cryptocurrency exchange that focuses on future cryptocurrency projects.users have the ability to transfer funds between different crypto coins, further enhancing the flexibility and convenience of the platform.

Role

Product Designer
Research, Design, Prototype

Tools

Design Tool - Figma
Research Tool - Google Analytics

Problem

1) Implementing alignment in the admin system

2) Establishing daily exchange limits

3) Enhance clarity on information presentation

Goals, Achievement and Impact

Number of transaction increased by 30% by season

Number of transection increased by 30% by season

Number of transection increased by 30% by season

The total number of transection after the launch of the revamp have reached 100,000 USTD by month.

The total number of transection after the launch of the revamp have reached 100,000 USTD by month.

The total number of transection after the launch of the revamp have reached 100,000 USTD by month.

Start of the revamp project on SaaS platform

Start of the revamp project on SaaS platform

Start of the revamp project on SaaS platform

Start on the integration of admin panel from 7 into 1 system to reduce tech debit on the operation and will be launch before 2025.

User Interface changes led to a 25% decrease in error case

The horizontal calculation and button redesign have reduced user error in transaction reports by 25% per month.

Design Process

Define the problems

Define the problems

Create Standard

Improve the
Accessibility

Integration
On System

Teams
Co-operation

Problem Facing

Multi-admin
system

Multi-
admin
system

Multi-admin
system

Daily exchange
limits

Daily
exchange
limits

Misleading information

Mis-
leading
information

Misleading information

In addition to the three problems mentioned above, we have decided to launch a revamp project for both the user and operational sides. The multi-admin system has resulted in poor management and increased human costs. Additionally, the daily exchange limits necessitate more detailed information to be displayed on pages.



The inadequacies in user interface design have led to errors during transactions. Following the use of empathy maps, user journey maps, user flow chart to identify the core issues, we aim to resolve these issues through the implementation of a new admin system and UI design

User Journey Map

User
Journey
Map

User Flow Chart

User Flow
Chart

Empathy Map

Empathy
Map

Art board Naming and Component library

Art Board Naming

Art Board Naming

Component Library

Component Library

As the sole designer on the team leading the design direction for developers, my primary mode of communication with project owners and other stakeholders is through the Figma file. I adhere to a practice of meticulously naming art boards and creating a comprehensive component library. 





This approach facilitates seamless communication, as stakeholders can easily reference specific codes or names to align discussions and ensure everyone is on the same page with my designs.

7

Developers benefits

in the conversation

34

Projects continue

 on the system

5

Naming pattern
created

Accessibility And Other Design Concern

Calculation

Calculation

Calculation

Button

Button

Button

Copy/Wordings

Copy/
Wordings

Copy/
Wordings

Contrast

Contrast

Contrast

Loading Speed

Loading Speed

Teamwork

Teamwork

Teamwork

Following discussions with the product team and client operations team, we have identified several focal points to enhance accessibility and user experience. We have developed a new UI design based on issues identified in the previous iteration. Additionally, we have referenced global standards such as WCAG and Google Page Speed Index to ensure our website aligns with high-quality service standards for all users.

Integration On Admin Sytem

Admin Panel

Operation Cost

As the sole designer on the team leading the design direction for developers, my primary mode of communication with project owners and other stakeholders is through the Figma file. I adhere to a practice of meticulously naming art boards and creating a comprehensive component library. 





This approach facilitates seamless communication, as stakeholders can easily reference specific codes or names to align discussions and ensure everyone is on the same page with my designs.

Communication

Scrum
Collaboration

Scrum
Collaboration

Customers

Feedback Conclusion

Slack
Communication

Slack
Communication

Customers

Feedback Conclusion

Front-end
Developers

Front-end
Developers

Customers

Feedback Conclusion

Customers

Feedback
Conclusion

Back-end
Developers

Back-end
Developers

Data Storage
System Suggestion

Operation
Team

Operation
Team

Customers

Feedback Conclusion

Quality
Assurance

Quality
Assurance

Customers

Feedback Conclusion

Following discussions with the product team and client operations team, we have identified several focal points to enhance accessibility and user experience. We have developed a new UI design based on issues identified in the previous iteration. Additionally, we have referenced global standards such as WCAG and Google Page Speed Index to ensure our website aligns with high-quality service standards for all users.

Design Outcomes

1) 


Create New UI on config function

We've developed a new user interface (UI) aimed at enhancing the clarity of information related to fee calculation and exchange rates. The design focuses on presenting calculation results in a horizontal format for easier understanding. 





Additionally, all interactive elements such as buttons and hyperlinks have been styled in our theme color to clearly indicate their clickable nature, ensuring a user-friendly experience.

2)


Integration of admin system

Currently, we use seven separate admin panels for different purposes, which has reduced our team's efficiency. We aim to streamline our operations by consolidating all admin panels into a single unified system. This revamp will integrate all information and data, alleviating manpower pressure and enhancing our data management capabilities.

Starting a new project?
Feel free to

Reach Me Now

Copyright © Jim Chim

Starting a new project?
Feel free to

Reach Me Now

Copyright © Jim Chim

Starting a new project?
Feel free to

Reach Me Now

Copyright © Jim Chim