返回作品

cInvest(Convoy DWM)

已上線大理石紋
問題DWM 團隊需要了解用戶對數碼財富服務的期望,以及相對直接競爭對手,機會落在哪裏。
角色資深設計師
脈絡

為香港而設的數碼財富

cInvest 是康宏金融有限公司旗下的網上基金超市,持有第 1 類(證券交易)、第 4 類(就證券提供意見)及第 9 類(資產管理)牌照。數碼財富管理團隊希望了解用戶對這項服務的需求,並找出值得追逐的機會。

01 · 研究

在市場研究之上再做產品研究

康宏已委託完成基礎的市場研究。在此之上,我們團隊繼續更深入的產品研究:直接競品的功能比較、直接競爭對手的市場推廣手法,以及針對香港市場的產品監管研究。目標:穿透宏觀圖景,抵達背後的具體細節。

更深入的市場研究
在供應商提供的宏觀圖景之上,疊加更深入的研究。
HMW 聚類板
HMW 聚類,由原始研究走向機會領域。
02 · 旅程

理想旅程,真實觸點

研究得出的洞察,餵養出一張用戶旅程圖:用戶在每個階段的想法、行動、需求與得益,並對應每個服務該階段的內部觸點。

把旅程圖做成一份交付物,能幫助產品團隊與業務方看見更大的圖景。它讓我們基於研究來聚焦,也讓每個內部持份者理解自己在整段體驗中的位置。

cInvest 用戶旅程圖
想法、行動、需求,對應每一個內部觸點。
03 · 流程

以用戶流程界定產品範圍

用戶流程逼使團隊把每一個可能影響設計決策的考量都想清楚。一起走過流程的每一步,就不會遺漏任何需求、細節或互動。更好的是:圖表預示了最終產品的形態,從一開始就減少錯誤與迭代次數。

產品範圍界定
DWM 服務藍圖
服務藍圖,內部營運對應用戶端流程。
用戶流程草圖
早期流程草圖,一起走過每一個決策點。
04 · 介面

先故事板,後像素

在推像素之前,先把核心互動做成故事板。故事板處於流程與原型之間,它讓團隊在任何人投入視覺決策之前,先就互動節奏與內容結構達成共識。

cInvest 故事板終稿
05 · 原型

結合用戶故事的原型

在界定需求之後,流程像藍圖般展示了產品的結構;原型則展示了它第一個全尺寸、可運作的形態。原型透過給工程師一個具體目標來縮短開發時間,給持份者可即時反應的視覺,而最重要的是,讓團隊在耗費真正的開發時間之前,先淘汰行不通的方案。

DWM 第一階段原型,上手引導
DWM 第一階段原型,核心流程
DWM 第一階段原型,細節
結合用戶故事的原型,第一個全尺寸、可運作的形態。
06 · 系統

給整個應用的一套 Lego 積木

cInvest 要保持可擴展,就需要一套設計系統。針對設計與程式碼的標準,統一兩種實踐,給所有人同一套指令、同一套 Lego 積木。好處:更快的開發、一致的版面,以及隨著更多介面上線,用戶體驗差異的收窄。

cInvest 色彩主題與 token
色彩主題作為第一塊基礎,共享 token 貫穿每一個介面。
看我如何以代理交付返回作品