張榮發基金會藝術季

https://edu.cyff.org.tw/art/2026

「打開藝開罐，驚喜看不完。」
～2026 張榮發基金會藝術季 年度主題

接到藝術季網站的委託時，我們面對的不是「做一個網站」，而是「每一年都要重新開幕的舞台」。基金會的藝術季至 2026 年已邁入第五屆，每年春天，講座、街舞、漫才、戲劇、歌唱、古典樂輪番登場——內容年年全新，主視覺年年換裝。若每屆重做一站，時間與成本都不允許；若沿用靜態舊頁，又裝不下每一屆的新主題。

我們的答案，是把「變」與「不變」拆開：該變的——主視覺、活動、消息、花絮——全部交給後台；不變的——資訊架構、動線、閱讀體驗——沉澱成一套年度共用的版型。設計退到骨架裡，讓每一屆藝術季自己站上舞台。

1、年度共用版型設計：

一套版型骨架，承載每一屆的主題視覺。主視覺看板、年度 slogan、主色調皆可由後台抽換，2026「打開藝開罐」的繽紛罐頭視覺，就是在同一套骨架上換裝登場；藝術季結束後，首頁自動輪替為下一屆的預告倒數，舞台永遠亮著燈。

2、後台動態內容管理：

講座與表演的場次、報名時間、月份篩選、節目單下載、精彩花絮，全部由行政同仁在後台動態新增；活動狀態——開放報名、報名截止、活動已結束——依時間自動切換，不需要動到任何一行程式，也不需要等工程師。

3、年份典藏機制：

網址以年份劃分——/art/2026、/art/2025——每一屆藝術季落幕後，整屆的活動與回憶原地封存成線上典藏，隨時可以回訪；新的一屆則在新的年份網址上開幕。年復一年，累積的不只是活動，是基金會的藝術年鑑。

4、RWD行動友善：

活動資訊的主要讀者在手機上——看到消息、點進場次、把握報名，往往就在通勤的幾分鐘裡。全站以行動優先設計，活動卡片、月份頁籤、報名動線在小螢幕上一樣俐落。

5、Vue 3 + Nuxt 3 前端架構：

與基金會官網同一技術體系，前端採用 Vue 3 + Nuxt 3 以 SSR 模式開發，兼顧動態內容的載入效能與搜尋引擎最佳化，讓每一屆的活動訊息與精彩回顧，都能被完整索引、被更多人找到。

幕起幕落，
藝術季年年有新的驚喜；
版型如舞台，
燈光亮起，好戲就位。

張榮發基金會藝術季

https://edu.cyff.org.tw/art/2026

感謝 Connie / Zoe / Bomba / Linda / Yuurin / Teen / Luke，因為有你們，讓藝術的舞台年年如期亮燈。