Table

Bridgefy

全面改版的 Crypto Wallet App

My Role

Responsible for UI/UX, Logo, Graphic design

Timeline

MVP stage app & logo redesign

Team

1 Project Manager・4 Engineers・1 Designer

Overview

Bridgefy 的需求為重塑產品—包括品牌 Logo、視覺,並改善整體 UI/UX。產品更新使用團隊既有的模組,因此每一個設計決策都需要在既有限制內運作。

在一個月內的時間,完成提案新品牌 Logo、UI/UX 優化,以及客戶管理後台—這些都與團隊共同在 4 週內完成。

*Casestudy 只揭露合理範圍內資訊

Metasens logo with orange diamond icon and bold black wordmark
Metasens website homepage showcasing three features: P2E gaming, Metaverse, and Bifrost with NFT and real-world experience

Impact & Achievements

4 週內完成專案主線

快速應對不同需求變動,主動提出設計建議與決策方向。4 週內完成品牌識別重建,以及產品核心流程設計——包括 KYC、登入註冊與錢包創建/導入、Bridge Token、管理後台,達成客戶商業目標。

重塑品牌識別,建立清晰視覺語言基礎

一週內完成重塑的方向確認,同步推進品牌精修與整體產品 Design System 的建立,確保視覺語言一致落地。

建立客戶信任,推動專案順利推進

透過持續的回報與討論,深入理解需求並提供具體回饋,建立穩定的合作信任感,讓專案在節奏緊湊的情況下仍能順暢推進。

Redesign Logo & color

原 Logo 卡在字體及符號的搭配上缺乏清晰度與辨識度,也難以支撐客戶未來的品牌延伸。Logo 重設計與 UI/UX 工作並行推進——在第一週內對齊方向、確認需求,快速收斂出符合品牌定位的識別系統。

Problem & Challenge

既有框架的限制

專案以模組化白模框架為基礎,全面更新客戶既有 App,決策需在框架內進行。

常見的情況包括:既有產品邏輯與白模衝突、白模缺乏對應功能(如客製化 KYC)、或功能符合需求但需要局部調整。

外部 API 規格的變動

Bridge 功能需串接外部 API,規格需要來回確認,設計需隨時因應變動調整。

工作平行推進

品牌識別與 UI/UX 需同步進行,KYC 細節與錢包遷移的確認也仍在推進中,時程上需要密切跟進,避免任何的掉包。

定義

因應專案時程、內容、團隊狀況來決定工作順先序。初期先決定 Logo 及顏色,快速與客戶迭代版本及對齊方向。
流程上—將 USDT 從 Liquid 轉換至其他鏈是核心功能,因此會優先處理。

當時錢包遷移需要進一步與客戶討論,KYC 細節也仍在確認中。而 KYC 相對簡單,兩者降低優先順序,但不會影響團隊其他進度。

Bridgefy app user flow diagram illustrating decision logic and onboarding process

Onboarding 流程

UI/UX

四個核心流程:

  • 將 USDT 從 Liquid 鏈橋接至其他鏈

  • 現有用戶的錢包遷移

  • KYC 身份驗證流程

  • 營運管理平台

針對每個流程,我規劃了流程、設計排版,並根據團隊回饋進行迭代。流程保持簡單清晰,並符合框架——尤其是 Bridge 流程,在加密貨幣情境中,信任感與透明度至關重要。

最終交付附有詳細標注,以支援順暢的開發交接。

Bridgefy admin dashboard interface for KYC verification and user management in crypto wallet platform

營運管理後台。

設計系統

兼顧效率與一致性,建立與團隊既有框架對齊的輕量設計系統。

涵蓋字體排版、色彩 token、元件與版面變數——為設計師和工程師提供共同的設計語言。色彩 token 以 CSS 匯出結構為基礎,最大程度減少開發交接時的重工。

Bridgefy design system color tokens including primary, secondary, and container roles for fintech app UIBridgefy UI surface and container color usage demonstrating background, surface, and elevation hierarchy
Metasens NFT detail page for Ancient Spirits SSR #1117661, Fire class Genesis NFT listed at 0.02 ETH on Ethereum

Transaction flow

Metasens mint modal for PT Ticket showing quantity selector, unit price 1 BUSD, and confirm button

Import wallet

Metasens NFT sell flow showing token approval step with MetaMask wallet confirmation popup for Ancient Spirits SSR on BSC testnet

KYC onboarding

Key Findings & Learning

  • 時間限制下,與團隊快速對齊,在推進過程中作出決策與取捨。

  • 客戶溝通上,先評估團隊狀態與專案進度,再有依據地回應客戶的問題與需求。

  • 設計決策始終與產品掛鉤,幫助團隊保持專注,以共同的優先順序推進。

  • 聚焦範疇、明確取捨,讓團隊得以有信心地交付。視覺質感的提升也強化了客戶信任,為後續討論與迭代創造更正向的合作氛圍。

如果專案繼續,我會做什麼?

  • 繼續客戶官網的優化,對齊視覺語言

  • 與客戶協作找出與市場上錢包的差異點

Any thought? Find me

James Makone

Any thought? Find me

James Makone

Any thought? Find me

James Makone

Any thought? Find me

James Makone