Crypto

Mobile App

重塑 DeFi 收益透明度與一站式獎勵管理 for crypto 自託管資產管理平台

透過全週期的狀態可視化與防禦性設計,將用戶在跨鏈過程中的「資金焦慮」轉化為「掌控感」,大幅降低客服成本。

Time

1 month

My Role

Product Designer

Responsibility

End to end UX/UI design

Team

1 PM, 1 UI/UX, 2 Frontend, 2 Backend, 1 Web3 Dev

Crypto

Mobile App

重塑 DeFi 收益透明度與一站式獎勵管理 for crypto 自託管資產管理平台

透過全週期的狀態可視化與防禦性設計,將用戶在跨鏈過程中的「資金焦慮」轉化為「掌控感」,大幅降低客服成本。

Time

1 month

My Role

Product Designer

Responsibility

End to end UX/UI design

Team

1 PM, 1 UI/UX, 2 Frontend, 2 Backend, 1 Web3 Dev

Crypto

Mobile App

重塑 DeFi 收益透明度與一站式獎勵管理 for crypto 自託管資產管理平台

透過全週期的狀態可視化與防禦性設計,將用戶在跨鏈過程中的「資金焦慮」轉化為「掌控感」,大幅降低客服成本。

Time

1 month

My Role

Product Designer

Responsibility

End to end UX/UI design

Team

1 PM, 1 UI/UX, 2 Frontend, 2 Backend, 1 Web3 Dev

TL;DR

Challenges
Challenges

在核心產品上線的同時,需要有一個任務、點數系統,以提升社群參與度、引導用戶更深入地使用 SuperIntent 產品,並作為未來代幣空投的分數系統。

在核心產品上線的同時,需要有一個任務、點數系統,以提升社群參與度、引導用戶更深入地使用 SuperIntent 產品,並作為未來代幣空投的分數系統。

Key Result
Key Result

60000+

60000+

Users Onboarded in 3weeks

Users Onboarded in 3weeks

-30%

-30%

CS 協助人數

CS 協助人數

My main contribution
My main contribution
  1. Design strategy: 在2個月內由0到1 定義整個產品的視覺印象,打造既充滿未來感又極具人性化的產品體驗——將鏈上透明度與平易近人的設計完美結合。

  2. Title: 運用動態視覺效果、模組化 UI 模式和遊戲化的層級結構來建立其生態系統。

  3. Title: 建立了 Referral System 與累積積分的 Quests 是設計,以及每日簽到系統以提升黏著度。

  1. Design strategy: 在2個月內由0到1 定義整個產品的視覺印象,打造既充滿未來感又極具人性化的產品體驗——將鏈上透明度與平易近人的設計完美結合。

  2. Title: 運用動態視覺效果、模組化 UI 模式和遊戲化的層級結構來建立其生態系統。

  3. Title: 建立了 Referral System 與累積積分的 Quests 是設計,以及每日簽到系統以提升黏著度。

Background

POC 產品的下一階段:整合各協議的 Rewards,已提供更全面的資訊

SuperIntent 是一個「一站式加密資產組合管理平台」,User 可以透過 SuperIntent 一站式地直接將資產投入至 Morpho, Aave, Compound 等平台,而不用各自去各平台上操作。目前處於 POC 階段,為了提升產品競爭力並為用戶提供更全面的收益資訊,我們計畫:

在 App 中整合來自各協議的「額外獎勵 (Rewards)」。這些獎勵通常是以治理代幣的形式發放,是總 APY 的重要組成部分,但目前在我們的產品中並未被清晰地揭露。

建立一站式領取 Rewards 的功能,讓 User 除了投放以外,也可以在 superintent 領取 rewards,進而提升產品使用的黏著度。

願景是讓新手只需要透過superintent,不需去懂太多複雜的 defi 知識與操作,即可輕鬆投資

Goal

1. 提升資訊透明度: 讓用戶清楚了解其投資收益的完整構成(基礎利息 + 額外獎勵),建立信任感,並做出更明智的投資決策。

2. 強化一站式體驗: 在 App 內無縫整合所有收益資訊,讓用戶無需跳轉至外部工具即可完成從研究到投資的全流程。

3. 採用漸進式揭露: 透過在不同深度的頁面提供不同層級的資訊,在不造成介面混亂的前提下,服務好需要清晰指引的用戶群體。

Challenge

1- 資訊顯示:不同協議的資訊整合困難,做為管理平台,如何將這些資訊清晰地展示給 user 看?

在 defi yield 領域裡,最大的痛點是每個 protocol 發的名目不同,reward 與本身 vault 的幣種甚至鏈都有可能不同,並且發放原則也都還沒有統一

1.做為一個管理平台,如何將這些資訊清晰地展示給 user 看、讓 use 可以一眼明瞭

用戶不知道 10% APY 裡有多少是獎勵代幣,也無法預估實際能賺多少錢。

每個項目的收益分配截圖

市場上的競品圖都怎麼領取、要分很多步等等

看可以怎麼視覺化難領的部分

用 notebook lm 看看

2- 問題

領取手續繁瑣,如何可以一次領取

用戶在投資後,缺乏一個集中入口來查看與領取(Claim)這些獎勵,這在整合更多協議後將成為嚴重的體驗瓶頸。

3- 怎麼樣領取Rewards方式最好?,技術限制,認認知負擔過大

產品主打新手,不同協議、鏈發放的 reward 不同

有些可以一起領,有些不同


領取手續繁瑣,如何可以一次領取,跨鏈體驗的權衡決策 (Trade-offs: Token vs. Chain)

在設計「Claim Hub」時,我與開發團隊面臨了 UX 與技術限制的衝突。我們深入討論了兩種聚合邏輯,:

• 方案 A (Group by Token): 符合用戶直覺(我想領 OP 幣),但在跨鏈場景下,若用戶在 3 條鏈上都有 OP 獎勵,需要簽署 3 次交易,Gas Fee 極高。

• 方案 B (Group by Chain): 技術上最省錢(Batch Claim),但強迫用戶面對「鏈」的概念。

畫一些類似心智圖的東西

將思考脈絡可視化

PM 提供的 ai wireframe

用 ai 快速嘗試多個版本與 PM 討論大方向的 flow


假設 User 在乎的是 U 本位


Design Strategy

為了達成「提升產品競爭力」與「資訊透明度」的目標,我制定了以下設計原則:

極致透明度 (Radical Transparency)

拆解收益來源(Base + Rewards),並將抽象的百分比轉化為具體的「預計收益(Projected Earnings)」金額,。

漸進式揭露以降低認知負擔

因主打新手,資訊多,漸進式揭露


漸進式揭露 (Progressive Disclosure): 在列表頁保持簡潔,僅提供輕提示;在詳情頁與投資確認頁提供深度數據,避免資訊過載、。

聚合與簡化 (Aggregation & Simplification)

建立「Rewards Hub」,以「平台+鏈」為維度聚合獎勵,解決跨鏈碎片化問題,。

Solution

Feature 1

投資前的決策輔助:收益結構透明化

漸進式揭露,以優化 deposit 時的體驗

為了避免資訊過載,我重新設計了資訊層級,利用字體大小與顏色強弱,引導用戶先看『收益 (APY)』,再看『風險 (Slippage)』。降低了複雜金融數據的壓迫感。所有的數據都很重要,但若全部強調,用戶會迷失。



身為一位用戶, 我希望在協議列表頁快速比較總 APY,並能得到一個輕提示,讓我知道哪些 APY 是含有 protocol rewards 的混合 APY

身為一位用戶, 當我對某個協議產生興趣並點擊進入詳情頁時,我希望能看到該 APY 的完整組成,以便我評估其收益的穩定性與潛力

身為一位用戶, 在我輸入投資金額以及在最終確認交易時,我希望能看到對未來收益的預估,以便我能安心地完成投資。

Morpho Steakhouse

20.4%

TVL: $131,619,380.97

Morpho Seamless 88 6 BBQ in the Garden

20.4%

TVL: $131,619,380.97

AAVE

16.3%

TVL: $131,619,380.97

Compound

12.4%

TVL: $131,619,380.97

EigenLayer

4.2%

TVL: $131,619,380.97

No More Prospects

9:41

USDT

Idle USDT

338,493

APY: High to Low

Network

Protocol

Preference

Multi-Earn

Portfolio

Earn

Swap

History

Account

列表頁僅使用 ✨ icon 進行輕提示,快速辨識哪個項目的 APY 是包含浮動 Reward 的

Investment Amount on Ethereum

182,932 USDT

Returned Profit on Ethereum

+2.8328 USDT

TVL

$131.61M

APY

11.90 %

1w

1m

3m

03/24 12:00

1w APY

12.8 %

1m APY

9.4%

3m APY

4.2 %

9:41

Portfolio

USDT

AAVE

Total Investment Amount in AAVE

382,932 USDT

APY on Chains

11.90% - 182,932

15.28% - 200,000

8.41%

1.33%

6.50%

2.43%

8.16%

4.51%

14.27%

16.10%

USDT

8.00%

OP

2.10%

EXTRA

1.80%

Invest

Withdraw

在詳情頁中,以彈窗形式完整展開 Base APY 與 Rewards APY 的完整組成結構,以便user評估其收益的穩定性與潛力

預期收益可視化 (Projected Earnings),即時看到改變

在投資頁面,我設計了一個動態計算模組。當用戶輸入金額時,系統即時計算並顯示「投資後的收益變化」(例如:$0.1 → $10.00)。我不僅顯示代幣數量(如 50 OP),更將其換算為美金價值,讓用戶能「安心地完成投資」,。

9:41

Invest

USDT

AAVE

Ethereum

APY

4.2 %

Switch From Current Position

Amount

Swap

323,329

Max

200

$200

Position

100.123456 → 300.123456 USDT

Projected Earnings (Month)

$0.35 → $1.34

USDT

0.311223 → 1.041123 USDT

($1.04)

Rewards

0.411223 → 1.211223 OP

($0.20)

0.111223 → 0.311223 VELO

($0.10)

Next

9:41

Invest

USDT

AAVE

Ethereum

APY

4.2 %

Switch From Current Position

Amount

Swap

323,329

Max

200

$200.00

Projected Earnings (Month)

0.69 USDT

Next

Before

After

輸入金額時,系統即時計算並顯示「投資後的收益變化」

Feature 2

投資後的資產管理:Portfolio Rewards Integration,一站式絲滑領取 Reward

我提出了 「視覺以代幣為主,行動以鏈為主」 的混合解法。 在介面上,我讓用戶清楚看到累積了多少代幣(滿足心智模型);但在執行「領取」動作時,介面引導用戶以「鏈」為單位進行批量領取(Bundle Claim)。這在保持直覺的同時,為用戶節省了大量的 Gas Fee。

在產品設計與技術開發上達到平衡。

Trade-offs

決策點:獎勵領取的聚合邏輯 (Group by Token vs. Group by Chain) 在設計 Claim Center 時,我們討論了兩種聚合方式,:

方案一:按代幣聚合 (By Token): 符合用戶「我想領取 OP 代幣」的心智模型,但在跨鏈場景下(例如不同鏈上的 OP),會導致用戶需發送多筆交易,Gas Fee 成本高。

方案二:按鏈聚合 (By Chain): 雖然對新手門檻稍高,但能讓用戶一次性領取該鏈上所有協議的獎勵,大幅節省 Gas Fee,且操作路徑最短。 最終決策: 我們選擇了折衷與優化的路徑。在介面上以清晰的卡片區分,並在後端支援 Bundle-claim(批量領取),在技術限制與用戶體驗之間取得平衡,。

範圍控制 (Scope Management): 為了確保 V1 版本能快速上線驗證價值,我們將「Swap on Claim(領取並交換)」與跨協議的「一鍵全領 (Claim All)」列為後續迭代項目,優先專注於解決「資訊透明」與「單點領取優化」的核心痛點,。

Good Evening, August 🌙

Net Worth

(0x7715...36bE)

$

2,838,239.29

+

3.2% ($492.38)

Idle

Earning

Rewards

Total Claimable Rewards

$25.76

Ethereum

3 Tokens

$6.72

From Merkl

MORPHO

4.938271

$4.48

EXTRA

1.123456

$1.12

Claim

Arbitrum

5 Tokens

$10.08

From Merkl, Compound

MORPHO

4.938271

$4.48

ARB

1.123456

$1.12

COMP

1.123456

$1.12

Claim

From Fluid

FLUID

1.123456

$1.12

ARB

1.123456

$1.12

Claim on Fluid

Rewards from Fluid can’t be claimed in this app.

Please visit Fluid to claim your rewards directly.

Optimism

1 Token

$7.84

Base

5 Tokens

$<0.01

9:41

Portfolio

Portfolio

Earn

Swap

History

Account

Good Evening, August 🌙

Net Worth

(0x7715...36bE)

$

2,838,239.29

+

3.2% ($492.38)

Idle

Earning

Rewards

Total Claimable Rewards

$10.23

Ethereum

2 Tokens

$6.72

Arbitrum

3 Tokens

$10.08

Optimism

1 Token

$7.84

Base

5 Tokens

$<0.01

9:41

Portfolio

Portfolio

Earn

Swap

History

Account

Ethereum

2 Tokens

$6.72

Ethereum

2 Tokens

$10.08

From Merkl, Compound

MORPHO

4.938271

$4.48

EXTRA

1.123456

$1.12

ARB

1.123456

$1.12

COMP

1.123456

$1.12

Claim

From Fluid

FLUID

1.123456

$1.12

ARB

1.123456

$1.12

Claim on Fluid

Rewards from Fluid can’t be claimed in this app.

Please visit Fluid to claim your rewards directly.

透過Bundle Claim 機制,把所有資訊並一起

最外層以 Chain 為分類,並且顯示美金價值(對 user 最直觀)

怎麼把所有資訊並一起

(點擊展開的影片讓人看)

Claim rewards 用鏈分類

簡單、降低了用戶的認知負荷

Claim Reward

MORPHO

4.938271

$4.48

EXTRA

1.23456

$1.12

COMP

1.23456

$1.12

Network

Ethereum

Transaction Fee

0.123456 USDT

Gasless

9:41

Your authorization is required to claim on Merkl.

Approve to Claim

透過Bundle Claim 機制,既領取步驟減少,也減少手續費

• 透過 Bundle Claim 機制,將用戶在單一鏈上的領取操作次數縮減為 1 次。

兩步驟即可,不像過往要去各大平台,每投一個項目,都要領一次、花一次 gas fee

Outcome

投放過程可清晰預測收益

我建立了可擴展的 Rewards Hub 架構,成功支援多協議(如 Morpho, Aave, Compound)的獎勵聚合,User 可在

透過 Bundle Claim 機制,將用戶在單一鏈上的領取操作次數縮減為 1 次。

單一鏈上的Rewards領取操作次數

縮減為 1 次

領取所需 gas fee

縮減50%

(以投放在5個protocol 為例)

內容內容

內容內容

Takeaway:

在 Web3 產品設計中,優秀的 UX 必須建立在對技術限制(如 Gas Fee、合約互動)的深刻理解之上。

• 數據透明度建立信任: 用戶對於「預計收益」的具體數字反饋極佳,證明了將抽象百分比 (APY) 具象化為金額 (USD) 是提升轉化率的關鍵。

下一步,我計畫規劃 Claim All (一鍵全領) 功能,進一步簡化跨鏈操作,並研究整合 EIP-7702 以提升授權體驗

deposit flow

Claim Reward flow

© 2026 Chloe Chiu. Made with Passion:)

epin97p@gmail.com

© 2026 Chloe Chiu. Made with Passion:)

epin97p@gmail.com

© 2026 Chloe Chiu. Made with Passion:)

epin97p@gmail.com