聯絡我們

中國信託｜官網首頁改版設計

YEAR

2024

SERVICES

金融應用
企業形象網站

果思設計協助中國信託銀行改善官網首頁過去資訊堆疊、跨產品部門版位難以協調、品牌體驗與營運規範不足等痛點。透過競品分析、深度需求訪談、首頁 Story Line規劃、UIUX 設計、前端切版、通用行銷版型與上稿規範，果思整合 8 大產品部門需求，建立可延伸至全平台的 Design System，並將 RWD、SEO 與無障礙 A 級規範納入首頁改版基礎，打造高效能的數位金融門面。

PROJECT OVERVIEW

專案背景

讓金融官網首頁，從資訊入口升級為品牌數位觸點

中國信託希望讓官網首頁從資訊堆疊的入口，升級為承載品牌精神、產品營運與多裝置體驗的核心數位觸點。首頁需同時回應「Banking my way」品牌理念、8 大產品部門的曝光需求，以及 RWD、SEO 與無障礙 A 級規範。因此本案重新梳理首頁資訊架構、行銷模組與前端切版基礎，為長期的數位營運打下堅實基礎。

果思的角色

UX 研究
UIUX 設計
產品策略
前端切版
規範制定
AEM 整合

ACHIEVEMENT

專案成果

統整品牌與產品，打造具備高度維運效率的金融官網首頁

果思以「品牌 × 產品 × 功能導引」三層價值重塑中國信託官網首頁。上層承接「Banking my way」品牌精神，強化首頁第一眼的金融服務形象；中層規劃可供 8 大產品部門共用的行銷版型與活動模組，讓不同產品線能在同一套架構下協調露出；下層則聚焦功能入口、服務導引與資訊搜尋，協助使用者更快找到需要的金融服務。技術面上，果思完成 UIUX 設計與前端切版，並在規格中納入 RWD、SEO 友善欄位、無障礙 A 級規範與 AEM 內容管理系統框架，讓首頁不只完成改版，也具備後續維護與擴充性。

部門整合
大
產品部門

CHALLENGE

挑戰

如何整合 8 大產品部門需求，讓首頁成為可長期營運的版位系統？

中信官網涵蓋信用卡、存貸、投資等多元需求。果思透過深度訪談，將不同單位的期待轉化為通用行銷版型與上稿規則，讓首頁不再依賴一次性客製設計，而能以標準化架構協調資源，大幅提升維運效率。

如何在品牌視覺、產品曝光與使用者導引之間取得平衡？

首頁既要傳達「Banking my way」的品牌精神，也要提供活動曝光與金融服務入口，為避免首頁再次淪為資訊堆疊，果思將畫面拆解為品牌形象、行銷模組與功能導引三層結構。透過 Story Line 規劃，讓品牌溝通、產品轉化與找尋服務的需求能在同一頁面中達成平衡，優化用戶的金融數位旅程。

如何讓設計成果能完美對應 AEM 後台、SEO 與無障礙規範？

本案需符合既有的 AEM 元件架構與營運人員的上稿習慣。果思在 UIUX 與前端切版階段即與技術團隊對齊規格，並將 SEO 標籤與無障礙 A 級檢核納入交付基礎，有效降低後續的開發整合與長期維運成本。

BRAND STRATEGY

視覺策略-品牌導入

延伸品牌體驗，落實 Banking my way 的核心價值

中國信託希望官網首頁不只是產品與活動列表，而能承接「Banking my way」所強調的自主、直覺與有溫度的金融服務體驗。果思透過首頁 Story Line、視覺層級與導覽結構設計，讓品牌精神能在第一眼形象、服務入口與金融產品導引中被具體感受。

以 Design System 統一跨部門視覺與上稿規範

面對 8 大產品部門共同使用首頁版位的複雜情境，若缺乏設計規範，容易造成視覺風格與內容呈現不一致。果思建立可延伸至全平台的 Design System，透過通用行銷版型與上稿規範，協助中信內部在不同產品露出時，仍能維持品牌一致性與高品質的視覺辨識度。

以合規與技術框架支撐品牌長期經營

金融官網需兼顧 SEO、RWD、無障礙規範與內容管理系統整合。果思在設計與前端切版階段即將 AEM 框架、SEO 友善欄位與無障礙 A 級規範納入交付基礎，讓品牌體驗不只停留在視覺表現，更能透過穩定的技術框架支撐長期的維護與擴充需求。

了解更多作品

VIEW ALL

中國信託｜官網首頁改版設計

PROJECT OVERVIEW

專案背景

讓金融官網首頁，從資訊入口升級為品牌數位觸點

果思的角色

UX 研究

UIUX 設計

產品策略

前端切版

規範制定

AEM 整合