財團法人慈懷社會福利基金會
專案介紹
「陪伴每個迷途孩子走一段人生最重要的路程」這句話不只是慈懷基金會的理念,也作為整個官網的設計概念,慈懷基金會是一個兒少關懷、經營中途之家安置服務的公益組織,然而新版官網沒有選擇沉重悲情的敘事,而是以溫暖、明亮、充滿手繪感的視覺,傳達「被愛、被理解、被好好對待」的核心價值,同時兼顧捐款支持、最新資訊與行動裝置體驗的功能,是一個兼具品牌情感與實務功能的公益網站。
COLOR
色彩計畫
網站整體以奶油米色、淺駝色作為主要背景,搭配基金會Logo的主色作為網站的按鈕與點綴,營造出如繪本般的柔和氛圍。

FESTURE
專案特色
1.曲線與剪紙感造型設計
網站大量使用不規則的多邊形照片框與波浪曲線,取代生硬的直線切割,搭配紙飛機塗鴉與虛線飛行軌跡,讓畫面充滿手作感與童趣。
貫穿全站的基金會角色「小玫瑰」,以不同姿態出現在每個頁面標題旁,讓頁面瞬間有了溫度,服務成果區則以四格插畫呈現,用可愛化的方式降低議題的沉重感,卻不失專業。


2.首頁服務數據區:公開成果和進展
我們設計了一個「服務成果數據」展示區域,以四張小玫瑰插畫對應四大服務面向——安置輔導、社區服務、合作式中途班、社區教育與宣導,讓民眾一目了然地看到基金會的具體成就和影響力,通過這些成果數據,邀請更多人參與這項有意義的公益活動。

3.卡片式設計的捐款專案列表
「線上捐款」列表以卡片陳列各項專案,每個捐款專案均有封面圖、標題、專案詳情與立即捐款雙按鈕,讓捐款者可以選擇觀看更多專案資訊,或是立即前往捐款。

4.把信任做成功能:徵信與捐款記錄查詢
公益網站最重要的功能之一「捐款徵信」功能,在社會責信單元下完整呈現。「徵信」單元以頁籤區分捐款徵信、捐物徵信與公益勸募專案徵信,按月份持續公告;「捐款記錄查詢」則提供以捐款人姓名、收據編號與日期區間的即時查詢功能。


PAGE DESIGN
頁面設計






MOBILE
行動裝置



