為行政院環境保護署土壤及地下水污染整治基金管理會規劃 20 週年紀實網站， 從整體網站規劃、資訊架構、視覺設計、UI/UX 到前後台系統與資料庫一體規劃， 以「20 年紀事」與「重點成果」為核心， 整合內容管理 CMS、RWD、無障礙及資通安全機制， 完成網站建置、移機與後續維護。
PROJECT OVERVIEW
為行政院環境保護署土壤及地下水污染整治基金管理會規劃 20 週年紀實網站， 以土壤及地下水污染整治相關業務的發展歷程與執行成果為核心， 透過數位化方式整理並呈現 20 年重要紀事與成果。
本案從內容架構與視覺設計開始， 延伸至前後台系統、資料庫、RWD、無障礙及資訊安全， 建立兼具內容展示與後台管理能力的完整網站架構。
網站以「20 年紀事」與「重點成果」為主要內容主軸， 搭配下載專區及聯繫資訊， 讓使用者可以清楚瀏覽歷年發展歷程與重要成果。
同時建立後台 CMS 內容管理機制， 讓管理者可以自行維護紀事、成果、下載及聯繫資訊， 並依網站無障礙、資通安全等相關要求完成網站建置與維護。
PROJECT CHALLENGE
20 年歷史資料涉及大量紀事與成果內容， 網站需要兼顧資訊閱讀性、內容維護便利性及長期管理需求。
除了前台資訊展示， 也需要讓管理者能自行維護紀事、成果、下載資料與聯繫資訊， 因此網站不只是視覺型活動頁面， 而是需要具備內容管理與資料維護能力的完整網站系統。
同時，政府機關網站需符合 RWD、無障礙及資通安全等相關要求， 並配合網站移機、弱點掃描、資安檢核與漏洞修補等維運工作。
整理 20 年歷史資料與重要成果， 建立清楚的內容架構與閱讀脈絡。
建立後台 CMS， 讓管理者能持續維護網站內容與資料。
將大量紀事與成果轉化為具層次的資訊呈現方式， 提升內容閱讀性。
支援不同裝置瀏覽， 並依網站無障礙第一優先等級 A 等級要求進行建置。
配合資通安全要求、弱點掃描、 資安檢核與漏洞修補，支援網站後續維運。
SYSTEM PLANNING & DEVELOPMENT
以「20 年紀事」與「重點成果」為核心內容主軸， 從網站資訊架構與 UI/UX 開始， 延伸至前後台系統、資料庫、RWD、無障礙、 資安機制及後續維護。
CONTENT STRUCTURE
以「20 年紀事」與「重點成果」為主要內容主軸， 搭配下載及聯繫資訊， 建立清楚的網站資訊架構與內容層級。
VISUAL & UI/UX
從主視覺、頁面版型到內容區塊進行整體規劃， 讓大量歷史資料能以具閱讀性與一致性的方式呈現。
BACK-END CMS
建立後台 CMS 內容管理功能， 讓管理者可以自行維護 20 年紀事、 重點成果、下載專區及聯繫資訊。
DATABASE
建立網站內容資料庫， 支援前台內容呈現與後台資料管理， 讓網站內容具備持續維護與更新能力。
RWD & ACCESSIBILITY
以響應式設計支援不同裝置， 並依網站無障礙規範第一優先等級 A 等級要求進行建置， 維持不同裝置下的資訊呈現。
SECURITY
依普級資通安全要求建立帳號管理、 稽核紀錄、身分鑑別及安全控制機制， 並配合相關安全檢測進行維護。
SECURITY TESTING
配合弱點掃描、源碼檢測及 OWASP Top 10 相關安全要求進行漏洞修補， 支援網站後續資安維護。
DEPLOYMENT & MAINTENANCE
完成行政院環境保護署現場移機作業， 並提供網站維護、資安檢核及弱點修補服務， 支援網站後續穩定運作。
UX / UI DESIGN
本案設計不只著重視覺呈現， 而是從大量歷史資料的閱讀方式出發， 重新整理內容層級、資訊區塊與瀏覽流程， 讓使用者能快速理解 20 年發展歷程與重要成果。
同時透過 RWD、內容分類及一致性的 UI/UX 規劃， 讓網站在不同裝置與使用情境下， 維持清楚的資訊呈現。
INFORMATION EXPERIENCE
20 YEARS → KEY RESULTS → DOWNLOAD → CONTACT → RESPONSIVE → ACCESSIBILITY
以時間軸與內容閱讀邏輯整理歷年重要事件與發展脈絡， 讓使用者可以快速理解 20 年歷程。
將重要成果內容集中呈現， 建立清楚的資訊層級與閱讀方式。
提供相關文件與資料下載， 並透過後台 CMS 進行內容維護。
規劃聯絡資訊與相關聯繫內容， 提供網站使用者取得服務資訊。
透過後台 CMS 管理 20 年紀事、 重點成果、下載專區及聯繫資訊。
針對桌機、平板與行動裝置建立響應式版型， 確保不同螢幕尺寸下的資訊呈現。
依網站無障礙第一優先等級檢測標準進行建置， 達到 A 等級要求。
透過清楚的資訊層級與一致性的介面規劃， 提升歷史資料與成果內容的瀏覽體驗。
SYSTEM & DIGITAL PLATFORM
系統整合 Front-end、Back-end CMS、Database、 Accessibility、Security 及 Deployment & Maintenance， 從網站建置延伸至後續內容管理、資安檢核與系統維護。
