北屯社區大學網站體驗重塑

推動終身學習與社區參與

• 資訊過多重複
• 無法快速查找課程
• 各分部資訊不明確

此網站繁雜資訊過多,資訊導流不明確,容易使用者無法順利完成操作或找到上課課程與資訊。

遇到的挑戰與解決方式

在本專案中,面對開發團隊缺乏經驗、因進度焦慮而過度依賴 AI 快速產出代碼,導致忽略前期設計流程且雙方步調脫節的挑戰;加上團隊缺乏跨組同步機制與共用元件,加劇了溝通隔閡與後期維護成本。

對此,我主動發揮專案引導能力,以低保真框線稿快速對齊功能範疇,並採取並行開發策略優先交付核心頁面,有效緩解工程端的時程壓力。同時,我獨自建構並迭代設計系統以確保介面一致性,並建立跨組直接對齊機制來打破資訊壁壘。最終,透過「低保真先行、元件同步」的彈性策略穩住團隊節奏,在緊湊時程內完美兼顧了用戶體驗品質與開發效率。

實際應用

🌐 瀏覽實際上線網站

將首頁重新定位為「形象展現與資訊導流」,透過重新梳理模糊焦點、簡化重複頁面,打造出大區塊且扁平化的視覺層級,並全面將元件模組化與規格化以統一選單結構。為提升操作直覺性,全面導入「圖文雙點擊」的直覺式跳轉,並貼心考量長輩與多元族群的瀏覽習慣,優化語音朗讀功能,不僅大幅提升各年齡層的使用效率,更在乾淨俐落的介面中,實現更流暢、具包容性的無障礙網站體驗。

WordPress 榮譽建置