Morris Wang | Gogoro Digital Brand Hub

挑戰

Gogoro 需要兩個版本的 Digital Brand Hub：面向經銷商的素材庫，以及內部管理系統。

對經銷商而言，挑戰是將複雜的產品組合轉化為清楚的 filtering 系統。他們需要從不同的 brands、products、categories 與 asset types 中選擇素材，並一次下載。

對內部團隊而言，挑戰是讓這套複雜架構容易維護，並提供簡單直接的方式管理產品線、權限與素材 upload。

下載體驗讓使用者能在同一處完成 filtering、預覽、選取並下載品牌素材。

我負責在 Figma 中定義產品架構、使用流程與介面。我直接與 Gogoro 內部團隊合作，了解經銷商如何搜尋素材，以及團隊如何在系統後台管理產品線、權限與 upload。

透過與 Gogoro 團隊持續討論，我們整理出 brands、categories、products 與 asset types 之間的關係。我探索了不同的 hierarchy 呈現方式，並比較每種選項會如何影響 filtering 與 multi-selection。

最後採用巢狀架構，將相關選項放在一起，同時讓使用者仍能跨不同層級組合 filters。

我比較不同的 filtering 架構，並記錄各方案的優點、限制與互動規則。

對內部團隊而言，upload 素材不只是選擇檔案。他們還必須將素材放入複雜的產品 hierarchy、指派給多個相關 categories，並持續查看 upload 狀態。

我設計的流程讓團隊不必重複 upload，就能將一份素材加入多條產品線。我也定義了系統在 upload 進行中、失敗、retry、取消與完成等狀態下的回應方式。

我記錄共用元件狀態、驗證訊息、dialogs 與狀態回饋，讓工程團隊能在整個平台一致套用相同行為。內容也涵蓋登入、密碼復原，以及 loading 或錯誤狀態等存取流程。

存取流程記錄了 loading、驗證、錯誤與密碼復原狀態，供工程團隊實作。

最終成果是一套同時包含經銷商端與內部版本的平台，供 Gogoro 團隊與全台經銷商每天使用。經銷商可以找到並下載需要的素材，內部團隊則在後台管理整個素材庫。

透過與內部團隊一起定義資訊架構與互動細節，我們建立了兩套目標清楚的體驗，支援 Gogoro 與經銷商網絡日常的素材工作。