財團法人張榮發基金會

https://www.cyff.org.tw

「以開創事業的毅力與決心，踐履企業家回饋社會之宏願。」

～摘錄自 財團法人張榮發基金會「關於我們」

接到基金會官網改版的委託時，原網站已經服務超過十五個年頭。十五年，足以讓瀏覽器世代交替、讓手機成為多數人接觸資訊的第一個螢幕，卻也讓一個承載眾多公益故事的網站，逐漸追不上讀者的腳步。張榮發基金會自1985年創立以來，從文教公益、清寒獎助學金、《道德月刊》，到長榮交響樂團、長榮海事博物館與建置中的張榮發文物廳，志業橫跨教育、藝文與海洋文化。要把這麼豐厚的內容重新裝進一個網站，並且讓人願意停留、願意閱讀，是這個專案最大的課題。

為一個走過四十年的公益基金會設計網站，難的從來不是技術，而是分寸。太商業，會沖淡它的溫度；太保守，又對不起它持續前進的行動力。我們反覆咀嚼基金會的故事——那些送進偏鄉的書籍與課桌椅、每月寄出的《道德月刊》、走進校園的品德劇場——最後決定，讓「溫暖的人文感」成為整個網站的基調，設計退到內容之後，把舞台留給這些正在發生的善行。

1、品牌視覺再造：

以長榮企業識別的綠為基底，延伸出水彩暈染般的山巒與海波曲線，象徵基金會源自海運事業、回饋於土地的初心。首頁以五張直式視覺卡片開場——文教公益、張榮發文物廳、長榮交響樂團、長榮海事博物館、道德月刊——如同五扇並排的門，邀請訪客推門而入。單元標題輔以書法筆意的飾線，讓「最新消息」、「活動花絮」、「影音專區」在現代的版面中保有東方人文的溫度。

2、資訊架構整合：

基金會旗下事業體眾多，各自擁有獨立網站。改版後的官網定位為品牌母站與訊息樞紐：首頁匯流各單位的最新消息與活動花絮，主選單直達文教公益、長榮交響樂團、長榮海事博物館、國際會議中心等分站，讓訪客不論從哪裡進來，都能在一兩次點擊內找到想去的地方。得獎紀錄、公開徵信、贊助我們等頁面，則讓基金會的公信力與透明度一目瞭然。

3、閱讀與內容體驗：

「關於我們」不再是一頁生硬的沿革年表，而是六段有溫度的故事——每個志業配上一句精神標語：「當你需要愛 我們隨時都在」、「好事傳千里 德不孤必有鄰」、「為夢想努力 助你堅持到底」……讓初次到訪的人，五分鐘內就能認識基金會在做的事，也記得它為什麼而做。

4、RWD行動友善：

十五年前的網站為桌機而生，如今超過半數的訪客來自手機。全站以行動優先的思維重新設計，從導覽、卡片到表單，在小螢幕上一樣從容，長輩讀者也能輕鬆放大閱讀。

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

前端採用 Vue 3 + Nuxt 3 以 SSR 模式開發，兼顧動態內容的載入效能與搜尋引擎最佳化，讓基金會的每一則消息都能被確實索引、被更多人看見；並以雲端部署與自動化建置流程，為後續的長期維運打下穩固基礎。

四十年來，

善行如涓滴入海，不曾停歇。

新的網站，是一扇重新擦亮的窗，

讓更多人看見——愛，一直都在。

財團法人張榮發基金會官方網站

https://www.cyff.org.tw

感謝 Connie / Zoe / Bomba / Linda / Yuurin / Teen / Luke，因為有你們，我們帶給更多人看見——愛，一直都在