臺北科大藝文中心網站改版
以資訊架構重整與長期維運為核心的網站改版專案。
初期從研究 Rpage 平台與功能限制，盤點舊網站內容及維運問題，重新規劃導覽與首頁架構，向藝文中心主任提出改版計畫；在確認方向後完成 Rpage 文件建檔、內容遷移、模組設定、聯絡學校改版事宜並發布公告，再到正式上線後製作操作文件、教學影片及主持交接會議。
我獨立完成了臺北科大藝文中心網站的資訊架構更新與建置，將多年積累的活動內容，從一頁式網站改成分層分類，重新建立一個「讓觀展者能快速找到當期資訊、策展者找到租借場地資訊，並讓非程式背景人員也能持續維護的網站」。
我的角色：
- 網站改版規劃與執行者
- Information Architect／UIUX
- Rpage 網站建置與維運交接
點此前往: 藝文中心官方網站
01 ｜問題定義
使用者端：資訊容易迷路
- 採用一頁式結構，每一區段涵蓋近 10 年的大量資料，使用者需要長距離滑動，才能找到特定資訊
- 使用者查找展覽、消息與租借資訊的路徑不明確
維護端：內容難以管理
- 以 HTML 檔案維護大量歷年資訊
- 新增或修改內容容易影響整個首頁版面
- 更新內容需要理解既有程式結構
02｜改版規劃
設計目標：不迷路、好維護
- 重新命名、分類與分層網站內容，讓使用者能依照任務快速找到需要的資訊。
（觀展者找到活動資訊、辦展方找到租借資訊） - 優先採用 Rpage 可由後台管理的模組，降低對長篇自訂 HTML 的依賴，並建立一致的內容新增方式。
執行策略：漸進式上線
先在測試網站建立架構與模組，確認內容與操作方式後，再安排正式改版日期、公告、更新與驗收。
設計定位：
- White Wall — 展示作品的純粹空間
- Gallery Mist — 輕盈柔和的場域氣
- Midnight Black — 深邃靜謐的視覺底蘊
- Vernissage Red — 展覽揭幕時的藝術能量
以清楚易用的資訊架構，串連觀展、策展與日常維護需求；透過大面積白色留白建立開放而純粹的展示空間，搭配黑色 Logo 與文字形成沉穩靜謐的視覺骨架，並以淺霧藍與低飽和紅作為輕量點綴與資訊導引，打造一個輕盈、開放而內斂的藝文網站。
Phase 1 重新定義資訊架構
最終導覽列架構如下：
- 展演活動
- 近期展演
- 歷年展演
- 活動花絮
- 影音專區（串接導流社群）
- 最新消息
- 所有消息
- 展演消息
- 館方公告
- 關於我們
- 中心簡介
- 團隊介紹
- 品牌識別
- 場地租借
- 空間介紹
- 租借辦法
Phase 2：Rpage 建置、內容重整與正式上線
確認改版方向後，我先在測試環境重新建立網站架構，將導覽、頁面與內容模組逐步建檔，並在不影響正式網站的情況下測試排版、模組行為與內容呈現。
- 0-1 完成資訊搭建的搭架
- 不同模組版面呈現測試
以首頁為例，由四個核心模組組成：
- 廣告模組：輪播 Banner
- 公告模組：近期展覽
- 公告模組：最新消息列表
- 自訂模組：串接 Google Calendar 的展演行事曆
改版預告
為降低正式網站切換時的使用風險，我採取先完成測試網站與內容驗證，再安排正式改版日期，並提前透過校內公告、官網消息與跑馬燈通知使用者。
Phase 3：教學文件與維運交接
網站正式上線並不代表專案結束。
為避免新版網站再次依賴單一維護者，我將 Rpage 的內容管理方式整理為可延續使用的教學資源，並透過文件、操作影片與教學會議完成交接。
反思與學習
雖然網站才初步上線，所以尚未有可比對的流量與數據成果。
不過在此次的專案中我擁有了完整的規劃掌控權，因此我在過程中的決策與執行學習到，真實的網站改版不只包含 Sitemap 與 UI 設計，還需要理解既有平台限制、協調改版時間、管理內容遷移、進行正式上線與完成知識交接。設計是否成功，也不只取決於上線當下的畫面，而是後續人員能否持續、正確地維護它。
01：先重新分類內容，而不是先重畫頁面設計
舊網站的主要問題來自內容長期累積與層級不清，若只更新視覺，使用者仍然需要在相同結構中尋找資訊。因此，我先完成整體內容盤點與資訊架構，再決定首頁及各個頁面應呈現哪些內容。
02：優先使用 Rpage 可維護模組
自訂 HTML 能提供較高自由度，但也會提高後續更新門檻。新版網站優先採用 Rpage 後台可管理的廣告、公告與頁面模組，只在必要情況下使用自訂方式。
03：把交接納入設計範圍
網站的真正使用者不只有前台訪客，也包含後台維護者。因此，資料命名、內容分類與更新方式都需要容易被下一位管理者理解，而教學文件與會議也是設計交付的一部分。
There's More to Explore...
透過研究、整理與設計，我將複雜情境轉化為清楚、可落地的數位體驗。