01Challenge
讓轉帳像傳訊息一樣簡單
傳統轉帳需要輸入金融機構代號與一長串帳號,對一般客戶而言容易出錯、也難以記憶。手機門號轉帳的目標,是讓客戶用手機號碼就能收款,但這背後牽涉綁定、預設收款帳戶、解除與變更等一連串前中後台流程,必須在 App 與網路銀行間保持一致。
「如何把一個牽涉多系統的金融服務,收斂成客戶眼中三步驟就能完成的體驗?」
02Role
從服務定位到介面落地
- 產品導入:定義服務範圍、綁定規則與預設收款帳戶邏輯。
- 前中後台流程規劃:串接申請、綁定、變更、解除等狀態流程。
- App 與網路銀行整合:確保兩端設定流程一致、狀態同步。
- UI/UX 設計:將複雜流程轉化為清楚的狀態頁與操作引導。
03Process
以「狀態」為核心的流程設計
整個服務以帳戶狀態為主軸:從未綁定、已綁定並設為預設收款帳戶、到申請成功,每一個狀態都對應清楚的頁面、可執行動作與注意事項,讓客戶隨時知道自己在哪一步。



04Solution
清楚的狀態頁與安心提示
- 狀態一目了然:每頁最上方明確標示綁定狀態與綁定的手機門號、帳號。
- 動作收斂:依狀態提供「確認申請 / 變更 / 解除 / 取消預設」等對應操作,避免誤觸。
- 步驟條引導:輸入 → 確定 → 完成的流程條,讓客戶掌握進度。
- 貼心提醒:完成頁說明「設定為預設帳戶後,朋友只要輸入手機門號即可轉帳」,傳達服務價值。
05Result
更低門檻的收款體驗
客戶完成綁定後,收款只需提供手機門號,無需再記憶帳號與金融機構代號;App 與網路銀行流程一致,降低客服詢問與操作錯誤。
3 步綁定 → 預設 → 完成
0 帳號收款只需手機門號
雙平台App + 網路銀行一致
06Campaign
「京好轉」系列行銷活動
為推廣手機門號轉帳服務,延伸「京好轉」系列年度活動(3 / 4 / 5),結合旅遊抽獎等情境吸引客戶綁定門號、設定預設收款帳戶,並透過官網與 LINE 等通路曝光。
京好轉 3 / 4 / 5 為支援本服務的行銷活動,並非獨立主專案。
07Key Learnings
心得
- 金融服務的複雜度多在後台;設計的價值,是把它收斂成客戶眼中的簡單步驟。
- 「狀態」是金融流程最好的設計骨架——先把狀態定義清楚,介面自然清晰。
- 好的服務需要行銷一起推動,產品規劃與活動企劃必須相互呼應。
03
Next Project
行動網銀 APP 優化Banking App & Pattern Lock
查看下一個案例 →


