Double-click this headline to edit the text.
OwlPay Wallet Pro App

建立信任以提升 42.7% 交易量

讓跨境工作者安全穩定、隨時隨地轉帳的無邊界即時支付工具

官方網站 ↗︎

ROLE

UI/UX 設計師

TIMELINE

2024 ~ Mar, 2025

TEAM

研發組長、iOS 工程師、安卓工程師、後端工程師

DELIVERABLES

使用者研究

問卷設計與分析

產品設計

競品分析
低、高保真線匡圖
互動原型
高階主管簡報(Executive presentations)
設計交付(Hand-off)

成效 & 商業影響

42.7

%

的交易量提升
透過導入 UX 研究提升 42.7% 交易成功率
2024/12~2025/3 交易總量:234 筆
2024年1 月 ~ 12 月總交易量:334 筆
增加 100 筆交易量,交易率提升 42.7%
41

%

用戶成長
加速 41% 使用者註冊完成率
2024/2~11 總註冊人數:529 人
設計優化後, Dec 2024–Feb 2025 總註冊人數:747 人
218 新用戶,提升 41% 新用戶註冊數
CaseStudy_WalletProApp_mockup

專案背景

需要快速且價格合理的跨境轉帳服務的使用者,例如移工、旅人與數位遊牧族。

團隊目標

以直覺、無阻礙的體驗設計,最大程度降低用戶學習門檻,讓用戶能自信且輕鬆地管理資產、完成各項交易。
CaseStudy_WalletProApp_migrate_illu

顯示資產過多,難以快速做出判斷。

「一眼看過去都找不到我要的東西,資產清單裡還塞了一堆我根本用不到的資訊!」

自己換算幣值麻煩又容易出錯。

「我才不在乎換算成美元,我只想直接看到我的本國貨幣!為什麼還要自己算?」

如何定義使用者需求?

點擊查看完整使用者研究流程

挑戰

在 Wallet Pro 專案中,我面臨了三大挑戰:

難以接觸使用者

無法直接接觸拉丁美洲使用者,只能依靠推理與網路資料進行研究。

開發時程緊湊

設計和工程同時開跑,專案開發時程緊湊。

第三方合作變數多,狀況難以預料

外部服務供應商經常更換,設計上需要隨時快速調整。
1. User insight discovery
為了在無法直接接觸用戶的情況下發掘他們的痛點,我採用了以下方法:
  • Online questionnaire
    為了收集市場對 Web 3.0 錢包的使用經驗,並針對有匯款經驗的潛在用戶,我設計了一份簡短問卷,以「信任」、「費用」和「速度」三個方面來收集經驗。
    問卷回覆
  • 第二手資料收集(網路資料)
    我透過閱讀相關文章、用戶論壇與新聞報導,深入了解了拉丁美洲匯款趨勢、金融科技(Fintech)普及情況,以及移民社群面臨的挑戰。
    資料統整
  • 競品分析
    我們選擇聚焦於拉丁美洲最常用的銀行 App,像 Nubank、BBVA México、Banco Azteca、Nequi、PicPay 等銀行 App,而非 Web3 錢包, 因為 Wallet Pro 目前僅支援穩定幣的買賣(on/off ramp)功能。其功能較符合當地用戶日常管理資金和轉帳的需要。這些平台介面友善,重視 即時交易、, 帳戶透明度以及 多元幣別顯示等。.
2. Pain points & Product strategy
根據前面的分析,拆解出痛點:
  • 因為身份問題,銀行帳戶申請困難
  • 高昂維護與轉帳費用
  • 幣值不穩定 ,難以保持資產價值
  • 貨幣兌換流程複雜且成本高昂
  • 傳統跨國匯款時間冗長
  • 產品策略
    在明確定義用戶痛點後,我與行銷及業務團隊密切合作,將用戶需求轉化為產品策略方向——進一步優化 Wallet Pro,強調 可負擔, 效率以及 可及性。.
3. Design principles
根據產品策略以及痛點,我定義了以下設計原則:

提升交易操作優先度
像「轉出」和「兌換」這類核心功能,必須隨時都能輕鬆找到並操作。

以法幣金額為主顯示
用戶更關心現實世界的貨幣價值,而不是代幣數量,因此介面應優先呈現法幣(當地貨幣)金額。

支援多語言無障礙使用
清楚的語言能提升不同用戶族群的信任感,介面需提供多語言選擇,確保資訊易懂。

簡單直覺的轉帳流程
跨境轉帳應像發訊息一樣簡單,讓用戶操作無壓力,降低學習門檻。

為什麼需要設計原則

設計原則是一套明確且可執行的指引,能幫助團隊在設計過程中持續做出一致且以用戶為核心的決策。這些原則確保無論是現有團隊成員還是未來新加入的夥伴,都能遵循相同的設計標準,朝著一致的產品願景共同努力,讓產品體驗如一,確保產出品質。
設計策略

優化資產顯示與交易流程,讓用戶能更快速存取所需資訊與功能

CaseStudy_WalletProApp_OldtoNew_assets2

1. 提升交易靈活性

CaseStudy_WalletProApp_BulletedList
根據操作優先順序重新整理功能,讓用戶能更快速找到並執行所需操作。
CaseStudy_WalletProApp_BulletedList
為介面預作未來規劃,讓用戶可以自訂常用操作捷徑,確保系統能靈活適應不同用戶需求與未來功能擴充。
Case_Study_WalletProApp_Icon_FutureProof

2. 降低資產顯示的認知負擔

CaseStudy_WalletProApp_BulletedList
動態資產列表搭配明確的本地貨幣優先顯示,讓用戶瀏覽時更省心省力。
CaseStudy_WalletProApp_Manage_assets
CaseStudy_WalletProApp_BulletedList
以法幣作為主要顯示格式,並支援多種貨幣,減少用戶自行換算的負擔。
CaseStudy_WalletProApp_Assets_Currency

3. 優化轉帳流程,提升操作效率

CaseStudy_WalletProApp_BulletedList
簡化整體轉帳步驟,並新增「最近轉帳」功能,用戶只需一鍵即可快速選擇常用對象,大幅減少搜尋時間。
CaseStudy_WalletProApp_Assets_ResentSent

設計系統

我負責...

我從零開始協助建立 Wallet Pro 的設計系統,專注於核心元件、開發交付流程與完整文件化。我的主要工作內容包括:
我的主要工作內容包括:
  • 規劃完整的色彩系統、字體比例與間距規則
  • 與前端工程師協調設計 Token 命名規範,確保設計到開發的無縫對接
  • 在 Figma 中自底層原子元件到整頁模板,打造可重複使用的設計元件庫。
  • 將圖示系統轉換為字型檔,優化效能並減少前端載入時間。

為什麼需要設計系統?

  • 不同團隊間的 UI 樣式不一致
  • 設計工作重複,效率低下
  • 與開發人員溝通容易產生誤會

元件

按鈕

清單

字型

色彩

設計交付標準

除了產品的設計系統,我也定義了設計交付的文件標準,確保設計與工程能高效合作。
設計交付文件範例
設計交付用素材

命名系統

在交易明細頁的設計上,我依循一致的命名與結構規範來組織元件: 主容器命名為 HistoryModal,內部分為 TypeLabel、Amount 等子元件。像 Txid、FeeInfo、DetailItem 這類細節元素,也都模組化設計,方便未來在不同頁面重複使用。

反思與學習

這個專案讓我不僅在設計專業上成長,也學會以系統性思維和協作角度看待產品開發。

由於無法直接接觸用戶,我必須透過次級資料與利害關係人訪談來定義痛點。事後回顧,如果能及早進行輕量級驗證(如遠端測試),將有助於驗證假設、提升設計決策的穩健性。

隨著設計師人數增加,缺乏明確協作流程導致進度延遲與成果不一致。交付前我經常需要檢查與優化同事的設計,發現設計到開發、設計師間的協作流程都存在斷層。

如果再次主導類似專案,我會採取以下措施:

  • 建立 設計檢查清單(Checklist)或品質門檻,參考工程 QA 流程,為設計交付設立明確的品質檢查機制,減少彼此依賴、提升交付效率。

  • 撰寫 明確設計任務說明(Design Brief) ,在指派工作前,先擬定清楚的設計說明,讓團隊對用戶目標、限制條件與視覺標準有共同認知。

  • 提前 進行對齊任務 在專案初期(如 Kickoff)和中期(如 Mid-review)安排團隊同步,建立共享目標與責任感,減少後期返工。

這次經驗讓我深刻體會到:「設計不只是產出好作品,更要設計出更好的協作方式。」 唯有流程與溝通機制完善,團隊才能持續產出高品質的產品,並在成長過程中彼此成就。

其他連結

← Previous project
Jianren app
crossmenu-circle