喜憨兒基金會的網站已經多年未更新，除了手機瀏覽體驗不佳，資訊架構與內容更新流程也都陸續遇到瓶頸。在歷經七個多月的協作後，我們與客戶一起打造出一個更現代化、行動友善，並與 CRM 深度整合的公益服務平台。
首頁：從理念到行動的入口
新版首頁不只是形象展示，而是一個「從故事走向行動」的體驗流程。
在視覺上，我們延伸喜憨兒既有的品牌色與圖像語彙，以溫暖的橘、黃系配色搭配大幅照片與留白，營造親切、安心，但不過度童趣的質感，兼顧服務對象與捐款人、企業夥伴的期待。
在內容結構上，首頁依序安排簡介影片、服務宗旨與主要服務介紹，也將門市餐廳與線上購物入口一併呈現，提醒使用者可以透過公益消費支持心智障礙者的就業與自立。同時，透過最新消息與活動區塊，讓外界能快速掌握基金會近期的行動與合作，再搭配量化的影響力數據與 SDGs 指標，讓「改變」具體被看見。
這樣的安排，讓第一次造訪的民眾，即使還不熟悉基金會，也能在短時間內了解「喜憨兒在做什麼」，並找到適合自己的支持方式。
憨兒服務與服務據點：把複雜資訊變成可探索的地圖
喜憨兒基金會在全台各地提供多元服務與據點，從日照中心、家園、長照服務，到各式門市餐廳，資訊龐雜且類型眾多。
在「服務據點」頁面，我們設計「服務類型」與「地區」雙條件篩選，搭配卡片式列表與照片、簡短說明，讓使用者在還沒點進內頁前，就能先掌握該據點的功能與氛圍；進到內頁後，則可以透過詳細的內容介紹與相簿功能，進一步了解各個空間與服務現場。
在這些據點背後，是喜憨兒整體的五大服務類別與 16 項服務項目。我們採用可擴充的階層式分類架構，並讓故事、影音、新聞等內容類型，都能與服務分類建立關聯。使用者在瀏覽服務內容時，可以同步看到相關的最新故事與消息，讓「實際服務」與「資訊傳遞」緊密連結。
資料移轉：確保內容持續被看見、支持者不中斷
舊有系統中的捐款與捐款人資料，以及長期累積的網站內容，都是網站改版時必須謹慎處理的資產。
我們先爬梳原有資料庫的欄位與結構，透過程式進行轉換與匯入，盡量減少人工處理與手動匯入可能造成的錯誤風險，降低轉換資訊系統時的副作用。
此外，在資料移轉的過程中，我們也預先紀錄並比對舊有內容網址。新網站上線後，除了啟用更具語意、對搜尋引擎友善的新網址模式外，也將舊網址無縫對應到新網址。這樣一來，當網友從搜尋引擎或社群分享點到舊連結時，仍然可以順利抵達正確內容頁，維持既有的曝光與流量累積。
整合 netiCRM：讓大組織的日常維運變簡單
在這個專案中，我們延續 netivism 的開源組合：以 Drupal 作為內容管理系統，搭配 netiCRM 處理捐款、金流、收據與聯絡人資料。對於像喜憨兒這樣服務據點多、內容產出頻繁的組織，我們特別著重以下幾點：
-
內容類型與欄位設計：依據實際業務情境，設計不同內容類型的表單與欄位，讓同仁在上稿時有清楚、穩定的填寫流程，減少重工與溝通成本。
-
權限控管與工作分流：透過角色與權限設定，區分內容編輯、審核與 CRM 管理等多種角色，能更貼近組織內部實際分工，讓各單位在同一套系統中協作。
-
捐款加速器、RFM 分析、AI 文案／生圖幫手：善用 netiCRM 持續更新的功能，讓網站不只是一個「收捐款的入口」，也能作為未來行銷溝通的出口，追蹤捐款人狀態、進行支持者分析，並用 AI 工具輔助產出募款文案與視覺素材。
合作過程的收穫
喜憨兒基金會是一個規模龐大、服務橫跨多個城市與領域的組織，專案過程中有許多需要跨部門、跨專業共同討論與對齊的環節。透過 wireframe、設計稿，到實作後的一次次討論，我們和基金會同仁一起，慢慢收斂出現在大家在網站上看到的樣貌。
更讓我們印象深刻的是：這次不只是「網站改版」，基金會同仁在導入新系統的同時，也主動檢視並調整原有的工作流程。這樣的改變需要時間與勇氣，但他們願意一起推動，讓新的工具真正融入日常工作，而不只是外觀上的更新。
同時，因應喜憨兒基金會的實際需求，我們也針對 netiCRM 的感謝禮功能與可使用的金流工具做了強化。未來所有 netiCRM 的客戶，都有機會使用到這些實用的新功能，造福更多非營利組織。
如果你也正在規劃 NGO／非營利組織的網站改版，或希望把捐款、活動與內容整合在同一個平台上，也歡迎和我們聊聊，一起找出最適合你們組織的數位路徑。
資訊
