
THE CHALLENGE
UMa 作為台北富邦銀行內部核心的數據平台,功能快速擴張,原有介面已無法支撐日常的操作需求。本次專案的挑戰,是在不改變平台核心功能的前提下,重新建立品牌識別、資訊架構與使用者流程,讓資料能被更直覺地理解與使用。
THE OUTCOME
透過全新的品牌識別與介面重構,UMa 以更清晰的視覺語言與操作流程呈現複雜的資料內容。使用者能在單一頁面完成過去需要反覆切換的任務,操作時間明顯縮短,資料閱讀也更直接。讓 UMa 成為台北富邦團隊真正願意每天使用、信賴的工具。
SCOPE OF PROJECT
網站系統開發
網站介面設計
品牌識別設計與規劃
CLIENT
台北富邦銀行

Intro
UMa 是台北富邦銀行內部使用的重要數據平台,承載著龐大的客群標籤、模型與決策流程。隨著資料量快速成長、功能不斷堆疊,原有介面已難以支撐日常的分析與行銷操作。本次改版不只是更新畫面,而是希望在既有的資料結構中,重新建立一套清晰、可持續擴展的使用體驗。BORING 重新定義了 UMa 的品牌識別、操作動線與介面系統,讓使用者能在更直覺的流程中理解數據,也能確實依靠 UMa 推動日常工作。

Concept - 數據堆疊,洞察核心
UMa 的新識別以 北斗七星 作為核心靈感。我們將七顆圓以不同角度與層次交疊,象徵資料在平台中持續流動、整合,最終匯聚至中心,形成具有方向性的洞察。
Logo 概念
在資料世界裡,每一筆訊號都是一顆星,而 UMa 的角色,就是協助使用者在浩瀚的資訊中找到最清晰的路徑。這個設計不僅是視覺符號的建立,也是 UMa 操作體驗的基礎。
平台以三大區塊重新組織資訊:上方導覽列提供方向、左側區域負責操作與流程,而右側的 Filter 則呈現使用者即時調整的條件。整體介面以品牌藍與灰白系統為視覺重心,讓重要資訊自然聚焦,同時保留足夠的延展性,支援不同模組的未來擴張。


幕後的技術
UMa 原本承載大量功能,但隨著資料應用越來越細緻,系統的操作流程愈發複雜。使用者需要在多個視窗與頁面中來回切換,才能完成一次運算設定或客群分析。
資訊層級分散、視覺語言不統一,也使得新進使用者難以快速理解平台的邏輯。本次改版最大的挑戰在於:
如何在不影響既有資料運作的前提下,重新整理操作流程,並確保每位使用者都能更快、更準確地讀懂資料。BORING 必須讓 UMa「重新變得易懂」,但也不能過度簡化需要保留的系統彈性;在複雜與直覺之間取得平衡,是這次設計最需要被解決的問題。

讓系統不再只是「能用」,而是「願意使用」的工具
我們以「重做一個使用者真正會用的資料平台」作為起點,全面整理 UMa 的資訊架構與操作流程。這個平台每天都在被使用,因此介面必須夠清楚、夠直覺,同時維持高度的彈性與擴充性。
新的 UMa 介面被拆解為三個主要區塊:
最上方的導覽列、左側負責操作與流程的區域,以及右側的 Filter 參數欄位。
這個拆分看起來簡單,實際上解決了舊系統最核心的痛點——資訊沒有層級、操作不成路徑。
我們重建了六個主要操作步驟,讓使用者可以隨時回到上一階段,清楚知道自己所在的流程位置。同時,新介面也在重要的結果頁中保留最大化畫面的設計,讓演算結果、圖表分布、客群洞察能被更清楚地閱讀。過去需要在不同窗口來回跳轉的流程,如今在一個頁面裡就能完成。





把所有零散的風格,整理成一個真正的 Design System
UMa 需要一套能支撐未來數年擴張的設計語言。在這次改版中,我們為 UMa 建立了完整的 Design System:從色彩系統、排版、按鈕、欄位、標籤,到大量的系統 icon(SQL、export、folder、dataset link…),每一個元件都依據平台實際使用情境重新設計。資料的視覺化,則從原本的表格堆疊,演化成能清楚呈現結構的 bar chart、line chart 與資料概況圖。
不只更美觀,也更能協助使用者理解背後代表的意義。UMa 是一個「會一直長大」的系統,而 Design System 就是支撐它繼續長大的基礎。


Result
全新的 UMa 以更清晰的視覺與更完整的流程重新被定義。資訊被重組、路徑更明確,使用者不再需要在多個頁面之間穿梭,就能完成過去繁瑣的設定流程。無論是篩選客群、設定條件,或是在結果頁中查看資料分布與趨勢,都能在統一的資訊架構下完成。
新的 Logo、閱讀方式與 Design System 也讓整個平台呈現出一致且專業的品牌語言。
BORING Design Lab
Creative Director: Sam Kuo, Winnie Chen
Visual Designer: Tizzy Chen
Product Designer: Saron Chen, Shuting Chen, Ethan Chen
Creative Developer Director: Pofu Lu
Developer: Charles Tsai, Alex Su
Product Manager: Bruno Hao