top of page

自適應外匯系統設計

2019-2020

通過採用響應式設計,為世界上排名前十的私有外匯公司進行系統的UX規劃。

在進行此項目之前,只有少數人認為可以為具有這種複雜性和技術限制的銀行系統完成RWD設計。

背景

總覽

產品負責人需要幫助以創建更具視覺吸引力和更強大的功能2.0平台。我的任務是為ATFX桌面平台創建一個新的,直觀的UI,並從頭開始,原型設計,交互和品牌識別重新設計UX。

 

關於團隊

 

PO:1,CTO:1,高級設計師:1,產品設計師:5+,工程師:5 +,scrum master:1。

問題

  • 1.0平台是基本的客戶端門戶平台。您只能看到交易記錄和資本記錄的形式。它沒有外匯分析工具和服務功能。

  • 1.0平台KYC的使用更加複雜,並且由於業務範圍的擴大,應用程序的流程需要增加流程

  • 1.0該平台的基本功能已得到優先考慮,因此未考慮視覺設計和品牌識別。

Client 4

技能專長

UI設計
用戶體驗設計
相互作用
營銷學

Client 1

可交付成果

高保真模型
用戶流
線框
交互式Figma原型
設計系統
UI套件
規格表

發現

第一次執行此任務時,我們已經有一個現有的1.0設計,但是PO對當前的設計不滿意,需要在UX和UI上做更多的工作。對我來說,回顧現有設計並從那裡開始是很有意義的。為了幫助我更好地理解當前設計,我決定創建一個用戶旅程圖,並根據主要關鍵用戶對其進行劃分。我還問了一些我認為很重要的問題,這些問題可以幫助我發現正確的旅程。

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

設計系統的加入

要設計最終的模型,我們需要設置RWD&App的色調以反映產品的品牌。為了確保每個在其產品上工作的人始終在同一頁面上,保持一致並與應有的方式保持一致。

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

分類頁面

對於此頁面,我決定採用網格佈局,以便人們瀏覽更容易,並且主要功能可以在此頁面上找到。

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

RWD配置文件(“設置”頁面)

英文作品集畫布-03.jpg

RWD基金,顯示客戶交易賬戶

英文作品集畫布-04.jpg

RWD新聞頁面

英文作品集畫布-05.jpg

RWD協助:研究與分析以及高級視頻課程

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