跳至主要內容
所有作品
案例 09

Woodoos Native App

Designed native app flows including login/register, SSO phone number, Fingerprint/Face ID, OTP, catalog with wallet, account, inbox, wallet/sub-wallet/import, split payment, and purchase completion.

Native AppWalletPaymentAccountAuthenticationSplit Payment
成果重點
  • A consistent authentication experience across SSO, biometrics, and OTP
  • Clearer wallet, sub-wallet, and split-payment behavior
  • A coherent navigation model across catalog, account, inbox, and wallet
Product type
Native app — account, wallet & payments
Platform
Native App (iOS/Android)
Timeline
2019–2022 · multi-phase native-app program
Role
UX flow, UI design, authentication & wallet logic
Team
Designer, PM, mobile engineers
Tools
Figma, FigJam
背景

為什麼這個專案存在

A native app product where users manage accounts, wallets, and purchases in one place — authentication needed to feel fast and trustworthy, and wallet and payment behavior needed to stay clear across split-payment and sub-wallet scenarios.
我的角色

我負責的部分

  • Native App UX
  • Account & Authentication Flow Design
  • Wallet UX
  • Payment Flow Design
  • Cross-platform Collaboration
挑戰

困難之處

  • Multiple authentication paths (SSO phone number, Fingerprint/Face ID, OTP) needed to feel consistent
  • Wallet structure (wallet, sub-wallet, import) is inherently complex to explain
  • Split payment across wallet and other methods needed clear status
  • Catalog, account, and inbox needed to share one coherent navigation model
  • Native app constraints — platform patterns, performance, offline states
過程

如何完成

  1. 1Mapped login/register and authentication paths
  2. 2Designed catalog with wallet integration
  3. 3Structured account, inbox, and wallet/sub-wallet/import flows
  4. 4Designed split payment and purchase completion states
  5. 5Reviewed against native platform conventions
  6. 6Iterated with engineering on edge cases
設計決策

背後的思考

Kept authentication options visually consistent regardless of method, and made wallet, sub-wallet, and split-payment status visible at every step so users always know where their money is.
最終設計

精選視覺

抽象示意圖——原創 mockup,非客戶截圖。

成果 / 影響

改變了什麼

  • A consistent authentication experience across SSO, biometrics, and OTP
  • Clearer wallet, sub-wallet, and split-payment behavior
  • A coherent navigation model across catalog, account, inbox, and wallet
反思

我的收穫

Native app constraints — platform conventions, biometric flows, offline states — pushed me to design authentication and wallet logic that holds up outside of a browser tab.