Crypto-Arsenal

Crypto-Arsenal is a cloud-based automated crypto-trading platform for quantitative strategy developers and cryptocurrency traders. Developers can earn extra income by letting other traders use the strategy. And traders without programming capability can get the benefits of automated trading by sharing some profits to developers.

Keywords : UIUX, research, interaction, wireframe, user flow, style guide

ROLE

UI designer

PLATFORM

Web、Tablet (RWD)

 

PARTNERS

Front-end engineer、Back-end engineer、UX designer

TOOLS

Sketch、Illustrator


BACKGROUND

  • 加密貨幣的持有者近兩年來急速上升,幾乎所有持有者希望能藉由交易來賺取收益。然而,他們大多數人都無法自行寫程式進行量化交易,或者是沒時間時時關注市場動態,但他們仍然想藉由量化策略投資加密貨幣。多數的收費服務都專注在已經會寫程式的策略開發者,一般的交易者沒有機會接觸程式量化交易

GOAL

  1. 打造一個平台讓一般使用者和開發者都能使用。服務分為兩組:一組是容易學習上手,但獲利能力較低;另一組可能較難操作,但是獲利能力高。因此我們決定專注在容易學習上手,同時又具備可量化證明的獲利能力,想出讓策略高手進行開發,一般交易者則可簡單好上手的直接使用專家所開發的策略。

  2. 定下平台視覺架構基礎,方便未來擴充。


1.Reseach

 

1.1 Current Condition Mind Map

1.2 Need Finding

Co-creation customer Journey Map

🔍 Insight

共同痛點:出入金複雜、資訊正確性、長期持有心情波動(風險管理)

相關功能設定

  1. 出入金:與交易所的連結性 → 策略停止運作後轉換回特定法幣(工程端確認)
  2. 資訊正確性:網頁教學、推薦分享功能、策略競技場排序/filter、策略回測/模擬交易資訊呈現(競賽)
  3. 風險管理:個人資產管理介面、資金部位配置(投入總額設定)、停損/利設定、停利點建議、 →結合 smart contract

2.Ideation

 

2.1 Competition Analysis

 

2.2 Information Architecture

 

 

3.Design Development

 

3.1 Wireframe


4.Delivery

sign up.png

Sign up

註冊頁面

 
profile.jpg

Account

帳號頁同時具有三個主要功能,分別為個人資訊、設定API key 與 錢包。

 
dashboard.png

Dashboard

首頁報表可提供第一時間與自己投資相關的資訊,如資產配置、表現曲線、追蹤策略以及相關資訊。

 
portfolio.png

Portfolio

資產配置頁面可以更全面看到自己的投資績效以及投資策略,並可以看到其他跟單項目的投資。

 
watchlist_01.png

Watchlist

觀看清單呈現已經點選關注的策略項目,在這邊可以進行觀察策略的模擬交易以及回測。

 
My strategy_inner_gird_backtestpopup.png

My Strategy

我的策略頁可以透過程式的方式撰寫自己的策略,並可在撰寫時進行回測分析。

 

Style Guide

Color2.png
state.png
Button.png
 
overview.png

5. Reflection

  •  學習到如何與遠端跨域團隊溝通

  • 由於需求明確,可以大膽使用 Dark mode 去設計 UI,也學習了如何使用暗色系的視覺

  • 和 UX Designer 合作探討使用者流程與行為,明確的分工能幫助快速開發