財團法人彭婉如文教基金會

首頁
  • 首頁
  • 服務列表頁
  • 單項服務內頁
  • 線上登記頁面
以愛與耐心的本質,完備社區照顧福利的系統

身為一個社區照顧福利的先驅,彭婉如基金會的初衷在於可以讓所有人得所安養,獲得良好的照顧,逐步實踐照顧福利社區化的理念。在此前提之下,原本的舊網站年代久遠,在消息傳達以及服務登記的設計上使用不便,為了能讓使用者能了解基金會的政策倡議內容,並且能很順利地使用線上登記服務,我們開始努力思索最好的網站動線設計安排。

視覺呈現暖性的風格,將主要服務凸顯出來

配合彭婉如的主體色系白色及紫色,網站呈現溫暖的色調以及搭配活潑可愛的icon,更貼近服務本質是愛及溫暖的。另外,把主要的服務變成主選單,讓使用者可以一進網站就看到主要的服務內容。首頁的底部分為三塊,分別是開班培訓訊息、活動快訊、新聞焦點,平衡的呈現服務訓練內容及倡議議題。

單項服務頁面的系統整合

由於單項服務的內容龐雜,我們做了系統化的整合,各項服務都包括:

  • 服務簡介
  • 服務內容條列化
  • 服務流程的清楚說明
  • 服務單位
  • 價目表及線上登記
  • 相關連結及QA

其中價目表的表格設計,我們跟客戶花了許多時間及心思在如何能清楚讓使用者了解不同地區的方案價格,另外也加強了表格UI的優化,讓價目表能一目瞭然。

線上登記服務前後台流程優化

原本舊網站的線上登記服務,必須跳至另一個網站進行表格登記,使用上沒有這麼便利。由於線上登記是彭婉如基金會一個重要的服務,因此本次網站改版在首頁主選單就放了一顆大的線上登記按鈕,能很快地到達正確頁面進行登記。四種登記表格的項目細節繁多,除了在網頁上能美觀呈現,我們也花了很多時間在手機版面的優化處理(現在會使用手機來觀看網站的使用者已經佔了將近一半)。
頁尾則是放了各方案的icon連結,可以讓使用者再度回到方案頁面做進一步的了解。
在後台的流程設計上,有系統自動回覆功能(通知使用者確認收到登記資料),並且依照不同地區,不同負責方案的工作同仁,做了權限審核的功能,可依照不同人,開放審核不同的線上服務登記。工作同仁可以在後台進行條件搜尋、變更處理狀態、檢視列印等功能。

以人為設計前提的網站

很開心參與這個專案,在跟客戶來回進行多次討論的過程,我們都是以使用者的便利為優先考量;另外也得考慮設計適合讓客戶可以使用的後台,來減少工作的負擔。希望新網站上線後,能夠讓大家順暢的使用服務,增加培訓人才的質與量,建立一個良好的社區照顧福利服務系統。

視覺關鍵字: 
插畫、兒童
溫暖、柔和
主要色彩: 
內容素材取向: 
以文字為主