auto_awesome 阿泥在哪裡? | Sophia's Magic Corner face_3 auto_awesome 阿泥在哪裡? face_3
category 作品集 leaderboard 案例研究 menu_book 部落格
category 實習專案

財富管理購物車

委託下單流程優化與競品策略分析

打破金融交易隔閡,整合股票、基金與債券的一站式直覺體驗。

person 產品經理
schedule Jul - Sep 2023
auto_awesome Figma

label_important 痛點與設計策略

痛點分析

  • 操作門檻高與架構混亂
    交易介面術語多,找不到委託回報與成交紀錄。
  • 資訊過載與決策癱瘓
    缺乏篩選機制與入場時機的建議。
  • 規則盲區
    易忘交割期限,且無下單前預警餘額不足,導致違約風險。
  • 流程破碎化
    股票、基金、債券下單分散在不同平台,難以統一管理。
  • 策略缺失
    缺乏符合其風險偏好且易於操作的組合。

設計策略

  • 下單確認明細,成功後立即顯示委託明細的快捷引導
  • 下單前自動檢查交割帳戶餘額,不足則警告需存入。
  • 在交易過程中標註應交割日期。
  • 基於投資屬性,推介熱門標的並提供建議價格區間。
  • 理專主動推介並協助下單,客戶確認結帳下單。
  • 建立投資購物車,將不同類型的金融商品購買整合在單一入口。
  • 允許用戶一鍵申購自選組合,簡化多類型商品的繁瑣購買流程。

label_important 設計原型

stars
一鍵投資
透過推薦熱門商品,快速加入購物車,減少資訊過載的焦慮
購物車推薦畫面
stars
有溫度的投資服務
理專主動推介商品,後台協助下單,再由客戶放入購物車。
理專主動推介商品
stars
投資購物車
可將不同類型的金融商品購買整合在單一入口
投資市場趨勢
購物車清單
stars
投資購物車
勾選商品進入結帳流程,一鍵購買多類型商品,投資策略自由組
購物車結帳
直覺調整委託條件畫面

直覺調整委託條件

透過下拉列表,修改委託條件。

結帳進度提示畫面

結帳進度提示

透過麵包屑導航,提示結帳進度。

stars
餘額防呆機制
下單前自動檢查交割帳戶餘額,餘額不足無法結帳,來降低新手的違約焦慮。
透過防呆機制避免系統風險
stars
交易貼心提醒
為了弭平電商「下單即扣款」與金融商品「T+2交割」的認知落差,提醒交易扣款日期,降低新手的違約焦慮,並引導查看委託明細
交易貼心提醒
Before: 確認明細後簽署文件
Before

確認明細後簽署文件

close 沒有簽署文件無法繼續申購。

After: 文件簽署防呆機制
After

文件簽署防呆機制

check 已簽署所有文件,可以繼續後續流程。

label_important 設計過程

User Persona 用戶畫像

凱莉 - 用戶畫像
凱莉
女性・22歲・台北市
大學生・打工月收20k

「我想讓錢變大,但打開 App 卻像進了
迷宮,差點還賠掉信用。」

#積極投資 #投資新手
#數位原住民 #高風險承受度
Patterns 模式

對損失恐懼低,追求成長性,但流程失敗的信用風險感到極度焦慮。

習慣從社群媒體或同儕間獲取投資熱點。

習慣電商購物(下單即扣款、即時查進度)的邏輯,無法直覺理解證券市場的「T+2 交割」與「委託/成交」分離機制。

Scenario 情境

下午在社群看到熱門標的,凱莉決定跟風下單。好不容易研究完怎麼買進,卻在選單裡迷路,找不到剛剛的單子到底有沒有掛成功。隔天接到營業員電話,才驚覺帳戶餘額不足,差點釀成違約交割。雖然緊急借錢過難關,但這次警嚇讓她對投資產生畏懼,從積極探索轉為自我懷疑。

Value 價值

金融電商化,風險透明化:打造一個具備預警機制與直覺引導的投資APP。

User Journey 使用者旅程

瀏覽投資標的

用戶尋找感興趣的標的,查看詳細資訊,將感興趣的股票加入追蹤清單。

sentiment_satisfied 期待
下單委託

決定投資金額與股數量,閱讀條款,確認委託明細,送出委託,等待成交。

sentiment_dissatisfied 困惑
委託成交

隔日或數日後,再次登入 App 查詢是否買到,或透過推播得知。

sentiment_very_satisfied 開心
扣款交割

扣款期限前,確認帳戶金額足夠,不足則將資金入帳補足。扣款後完成交割,投資標的入戶。

sentiment_sad 焦慮

Competitor Analysis 競品分析

了解基富通、大戶豐、創富通、momo的相關產品特色,及其解決方式

競品分析比較表

Wireframe 手繪線框稿

手繪線框稿圖片

UI Flow介面流程

info

介面流程說明

expand_more
  1. 1. 選擇申購
  2. 2. 透過推薦快速加入商品
  3. 3. 選取標的,勾選進入結帳流程
  4. 4. 點擊結帳
  5. 5. 確認明細,簽署文件
  6. 6. 申購完成
UI Flow介面流程圖片