【指標案例】中經院：從數據管理到數位典藏，國家級智庫的數位重構。
專案背景：國家級智庫的數位轉型挑戰
中華經濟研究院（CIER）作為台灣最重要的經濟研究智庫，長期以來扮演政府政策與產業界的溝通橋樑。然而，面對海量的研究報告、變動頻繁的經濟數據，以及橫跨數十年的歷史遺產，舊有的網站系統已無法負荷現代化的資訊傳遞需求。
「安迪連網站設計工作室」受命承接此次全站重構任務。除了全站視覺翻新，更是深度的數位轉型工程。我們將原本難以維護、架構散亂的舊系統，轉化為一套基於 WordPress 的「高自動化知識管理系統」，並從視覺、功能到後台管理流程進行徹底的現代化改造。
一、 核心挑戰：揮別「FTP 時代」的行政困局
在專案啟動之初，我們進行了深入的組織訪談，發現客戶面臨的痛點已嚴重影響日常運作：
- 維護門檻過高（Tech Debt）： 舊站更新需依賴 FTP 上傳檔案或修改程式碼，導致資訊處人員工作量過載，各研究部門無法即時發布成果。
- 使用者體驗過時（UX Gap）： 網站缺乏 RWD 響應式設計，缺乏手機版本，且視覺風格仍停留在十年前，難以匹配其國際權威地位。
- 組織架構龐雜（Silo Effect）： 多個研究部門、行政單位需同時維護，但舊系統缺乏靈活的權限切割與關聯邏輯。
- 數據呈現破碎： 重要的 PMI 指數、經濟燈號等數據，分散在不同的靜態頁面中，缺乏互動性。
二、 視覺設計語彙：在專業權威中注入現代活力
中經院的形象必須具備「權威感」但不能顯得「冷冰冰」，這次的專案我們與臺灣 UI/UX 設計師 Ruru Tsai 協作，保留了中經院原有的 LOGO 識別，並注入現代化的設計語彙。
- 色彩心理學： 我們保留了識別度高的 LOGO，並重新定調主色彩。「 深藍色」用於專業報告與研究成果，傳遞穩重與信任；「亮綠色」則運用於新聞動態與時論，展現智庫與時俱進的活力。
- 設計元素： 為了柔化政府單位的硬體感，我們大量運用了圓弧曲線與動態轉場效果。
- 視覺指引（Visual Guidelines）： 我們不只交付網站，更提供客戶習慣使用的 PowerPoint Banner 製作範本，透過簡單的套用，客戶可以直接使用 PowerPoint 產出漂亮的首頁 Banner 圖。確保客戶在自行上稿時，首頁視覺能始終維持在國際水準，不會因為換了操作者而導致風格崩壞。
三、 12 大客製化模組：全方位的數位資產管理
我們為中經院量身打造了 12 套核心管理模組，讓不同的資料型態都能得到最合適的呈現：
- 文章與新聞： 整合各類本院消息、研討會資訊與人才招募，並增加智慧連結管理與影音自動內嵌功能。
- 研究出版品： 包含專書、計畫報告與學術論文，《經濟前瞻》更強化封面展示與閱讀體驗。
- 經濟景氣觀測： 核心數據的視覺化中心，橫跨 40 年的歷史資料數位典藏。
- 大事記年表： 系統化記錄組織里程碑，並支援 Excel 自動匯入。
- 公開資訊： 針對法規要求透明化資訊進行模組化管理。
- 研究單位與人員： 整合複雜的人事架構，並重新設計了組織圖與各單位形象。
- 影音廣場與時論、活動剪影： 整合 YouTube 串流與專家意見，數位典藏珍貴歷史影像。
（其餘包含聯絡我們、多語系管理等系統模組）。
四、 技術突破：讓數據「活」起來的視覺化邏輯
這是我們在本次專案中最自豪的技術實作。對於經濟研究團隊而言，數據的準確度與發布速度是生命線。
- PMI 與經濟變動指標自動繪圖： 我們開發了專屬後台邏輯，研究員只需按照每月發布的數值輸入表單，系統會自動生成互動式折線圖。
- 「零換算」邏輯： 後台輸入格式完全對齊研究團隊的作業流程，無需重新計算，直接填入即可同步產出前台視覺，這大幅降低了人為誤植的風險。
- 互動式比較： 使用者可以透過前台圖表，自由勾選不同的產業別進行動態比較，讓冷冰冰的數據轉變為具備洞察力的分析工具。
五、 組織效率革命：專屬「Connect」關聯系統與編碼規則
大型組織最難的是人員管理。我們設計了一套精密的人員與單位關聯系統：
- Connect 關聯系統： 我們建立了「研究單位資料庫」與「組織成員資料庫」並且將單位與人員串接。每個研究員的職稱、領域、照片僅需建立一次。透過「Connect 關聯」功能，人員可同時出現在多個單位中。當職稱變更時，全站同步更新，解決了重複修改的噩夢。
- 精密排序編碼： 為了符合行政規範，我們引入了五位數編碼規則（前兩碼代表職稱序，後三碼代表人員序）。這種「行政邏輯數位化」的思維，讓系統能自動排列出最正確的人員順序。
- 分權管理： 切割不同部門的編輯權限，讓不同單位能跨界協作，互不干擾。
六、 極致的上稿體驗：讓「複雜」變得「直覺」
一個好的網站必須能讓非技術人員也能輕鬆上手更新資料。
- Excel 零縫隙導入： 針對「大事記年表」等清單資料，上稿人員只需從內部的 Excel 複製貼上，系統便會自動將純文字格式化為精美的網頁內容。
- 智慧連結管理： 系統會自動辨識內文中的外部連結並加上新分頁開啟功能。減少機械化的人為操作，更確保使用者在查看參考資料時不會流失，大幅提升使用者網站停留率。
- 影音自動內嵌： 研究人員在新聞稿中只需貼上 YouTube 連結，系統會自動轉換為響應式影音播放器，讓報導更具臨場感。
七、 數位典藏與雙語化：橫跨 40 年的歷史記憶，高達1萬5千筆資料全數轉移典藏。
中經院擁有極其珍貴的歷史資源與照片，最早可追溯至 1981 年。
- 高達一萬五千筆資料全數轉移：安迪連網站工作室成功將過往資料（中英文）全數轉移：全站高達8057筆新聞與公告、4911筆研究出版品資料、1204筆經濟景氣觀測報告、70筆以上的大事紀要、134筆歷年活動剪影、32筆研究單位、274筆組織成員等完整轉移到全新重建平台，數位典藏所有內容。
- 雙語歷史剪影： 我們特別設計了「歷年活動剪影」模組，以數位典藏的概念處理這些影像。支援中英雙語對照，讓國際友人也能透過照片牆，看見台灣經濟發展的歷史脈絡。
- 鏡像雙語站點： 針對英文版網站，我們設計了嚴謹的「語言對應邏輯」。系統可連動中英文內容，亦可獨立建立僅限英文的內容，給予客戶最大的維護靈活性。
八、 最終成果：超越期待的數據提升
- 搜尋引擎友善： 透過結構化數據與 SEO 模組的導入，研究成果更容易被學界搜尋。
- 維護效能： 客戶端各部門現已全面自主運行，資訊處的工作重心從「更新網頁」轉向了更高層次的「數位策略管理」。
安迪連的專業洞察：開發者的職人精神
「中經院重建專案的成功，在於我們深刻理解了研究人員的作業邏輯。從自動化圖表到 Excel 無縫介接，我的目標是讓技術服務於人，讓國家級的專業研究能透過最現代化的方式被世界看見。對我來說，交付一個網站只是開始，幫助一個國家級單位建立一套能運作十年的數位資產管理平台，才是這項專案最大的價值。」 —— 安迪連（Andy Lain）