top of page

Responsive Forex System Design

2019-2020

A systematic UX planning for the Top 10 in the world privately held Forex in the world by applying responsive design. Before this project, only a few people believe that RWD design can be done for a banking system with such complexity and tech limitations.

Background

Overview

The product owner needed help with creating a more visually appealing and robust features 2.0 platform. I was tasked with creating a new, intuitive UI for the ATFX desktop platform as well as redesigning the UX from scratch, prototyping, interaction, and brand recognition

About The Team

PO:1, CTO:1 , SENIOR DESIGNER: 1, PRODUCT DESIGNER: 5+, ENGINEERS : 5+, scrum master : 1.

Problems

  • 1.0 platform is a basic client portal platform. You can only see the form of transaction records and capital records. It does not have foreign exchange analysis tools and service functions.

  • 1.0 platform KYC is more complicated to use, and because of the expansion of business scope, the application process needs to increase the process

  • 1.0 The basic functions of the platform have been given priority, so visual design and brand recognition have not been taken into consideration.

Client 4

Skills

UI Design
UX Design
Interaction
Marketing

Client 1

Deliverables

High Fidelity Mockups
User Flows
Wireframes
Interactive Figma Prototypes
Design System
UI Kit
Spec Sheet

Discovering

First time I get this mission, we already have an existing 1.0 design but PO was not satisfied with the current design and need more work on the UX as well as the UI. It made sense to me to review the existing design and started from there. To help me understand the current design better, I decided to create a user journey map and divided it based on the main key users. I also asked a few questions that I think is important which help me discover the proper journey.

英文作品集畫布_工作區域 1.jpg

Design System

To design the final mockup we need to set the tones of the  RWD & App that reflect the brand of the product. To make sure that everyone who works on their product is always on the same page, consistent and in agreeance with the way things should be.

英文作品��集畫布_工作區域 1 複本.jpg

Category page

For this page, I decided to go with grid layout so it's easier for people to browse, and the main functions can be found on this page.

英文作品集畫布_工作區域 1 複本.jpg

RWD Profile (Settings pages)

英文作品集畫布-03.jpg

RWD Fund , show Client trading Accounts

英文作品集畫布-04.jpg

RWD News page

英文作品集畫布-05.jpg

RWD Assistance : Research & Analytic plus Premium Video Course

英文作品集畫布-06.jpg
bottom of page