---
# System prepended metadata

title: UI 設計需求

---

# UI/UX 設計需求


## Problem

> 產品網址（可以的話拜託不要一直重整我的網站，重整一次成本 5$NTD 超貴哈哈）：https://all-weather-protocol.on.fleek.co/

1. UI/UX 資訊太亂，User 不知道怎麼使用
2. 預算 `$9600 NTD`

![](https://hackmd.io/_uploads/r1yoHZeWp.png)


## Solution

> 第一屏定義：手機、電腦在一進到頁面不上下滑動的情況下所看到的內容為第一屏

在滿足這三個條件的情況下，其他都能自由發揮讓 UI/UX 符合你的審美~

1. 第一屏需要用圖片呈現出「退休後靠著領股息財務自由的感覺」
2. 第一屏需要擺上 slogan 「Click Once, Retire Forever」
3. 第一屏的正中央需要有個 call to action 的 buttion - `Invest Now!`
4. 希望能把 APR (類似銀行存款的利率)的資訊放在顯眼的位置

## Rabbit Holes

1. 可能有些金融術語是你不熟悉的，有問題隨時敲我

## Scopes

- [ ] 希望能有電腦跟手機版~
- [ ] Portfolio 頁面
    - [ ] 第一屏
        - [ ] 第一屏需要用圖片呈現出「退休後靠著領股息財務自由的感覺」
        - [ ] 第一屏需要擺上 slogan 「Click Once, Retire Forever」
        - [ ] 第一屏的正中央需要有個 call to action 的 buttion - `Invest Now!`
    - [ ] 其他
- [ ] 需要設計的 tabs
    - [ ] performance
    - [ ] assets
    - [ ] fees
    - [ ] strategy
    - [ ] risk
    - [ ] maintenance

## Resources - 競品參考

1. https://app.enzyme.finance/discover/vaults
2. https://dhedge.org/
3. https://indexcoop.com/products/large-cap-index-ic21
4. https://app.overnight.fi/pools
5. https://app.factor.fi/vault/0x9F7323E95F9ee9f7Ec295d7545e82Cd93fA13f97
6. https://investor.vanguard.com/investment-products/etfs/profile/voo#performance-fees
7. https://bitwiseinvestments.com/crypto-funds/bitw
8. 各個 tab 的說明：
    - performance: 
        * Reward APR: 利息的收益率
        * ROI (365 days): 這一年以來的投資報酬率
        * Sharpe Ratio (365 days)：金融圈裡面類似神奇寶貝的面板數值，越高越好
        * MAX Drawdown (365 days)：可以理解成波動率，越大越不好
        * SDR Sharpe Ratio (365 days)：金融圈裡面類似神奇寶貝的面板數值，越高越好
        * Beta：數字越大風險越高
        * Historical Reward APRs: 類似台新銀行利率的歷史數據
        * 下面的圓餅圖：表示這間神奇寶貝動物園的組成成分，幾%由噴火龍組成等等
    - assets:
        - 詳細列出這個 ETF 由哪些資產組成，他們的屬性跟收益率。類似這間動物園由哪些寶貝組成，然後他們的為園區帶來多少收益、動物數量佔動物園多少比重跟有哪些屬性
    - fees: 基金收的各項費用，例如管理費、入金出金的費用、績效費用（賺很多錢的話要抽成的意思）
        - Expense Ratio: 費用佔你資金的幾趴，越高代表抽越多錢越貴
    - strategy: 列出選股的策略，類似這間動物園怎麼決定要買哪些類型的神奇寶貝以及決定買幾%的火系、幾%的水系。下面那張雙層的圓餅圖，他的內圈就是表示資產的屬性，外圈是噴火龍、快龍等等，而內圈是草系、火系、水系這些
    - risk: 這個產品的風險
        - max drawdown: 可以理解成波動率，越大越不好
        - 1-year lock: 產品會定存一年，想清楚再放
        - Impermanent Loss: 難以解釋，總之是種風險
    - maintenance: 解釋這個基金產品是怎麼被維護的
        - Rebalance Frequency：多久再平衡一次，類似這個神奇寶貝動物園多久會盤點一下哪些寶貝數量生得太多；哪些動物老死了要買新的。這個盤點跟重新調整數量到想要的狀態叫做 rebalance
        - Gas Fee for Rebalance: 盤點需要付員工薪水，這邊是解釋這筆錢的流向

## No Gos

這次希望能先不改變色系，但真的不行的話可以討論～