社團法人花蓮縣兒童暨家庭關懷協會
專案介紹
花蓮兒家近二十年來,從醫療走進校園、社區與家庭,努力讓孩子在裂縫中看見希望,支持孩子有穩定的物質生活、穩定的大人陪伴,知道有人會支持他安心長大。支持父母協助解決生活困境、面對關係與身心議題。守住家庭讓孩子在父母、照顧者的身邊,能安全、安心、安穩長大。
COLOR
色彩計畫
網站主要以奶油黃、暖橘色為背景,明亮的紅色作為主色,藍綠色擔任輔助色,整體明亮而不刺眼,營造「家」的溫暖氛圍。
FESTURE
專案特色
1.清晰的網站主選單與內容架構
兒家協會網站的主選單分為六大區:認識兒家、我們的服務、最新消息、捐款支持、參與我們與資源分享,並在選單右側有醒目的「愛心捐助」按鈕,這樣的架構清楚對應了三種主要造訪者:想了解協會的一般民眾、需要協助的求助者,以及願意付出的捐款人與志工。

2.融合溫暖的手繪插畫
官網最令人印象深刻的是貫穿所有頁面的手繪插畫,例如:舉起雙手歡呼的孩子、騎腳踏車的小朋友、牽著幼兒學步的父母、圍成圓圈互相扶持的家庭等,藉由溫暖的手繪插圖把「專業」與「溫度」完美地融合在官網中。
首頁的捐款專案區塊,大膽切換為飽和的紅色滿版背景,搭配星星與雲朵插畫,在瀏覽動線中製造明確的節奏轉折,讓募款訊息自然地跳出來,卻不顯得突兀或有壓迫感。


3.隨時瀏覽最新資訊
「最新消息」頁面提供活動公告、宣導與倡議、服務成果故事、媒體報導等四種分類篩選,以頁籤按鈕呈現,目前瀏覽的分類以實心紅底按鈕呈現,狀態一目了然。每則消息包含縮圖、標題、發佈日期與分類標籤,搭配頁碼分頁,讓使用者輕鬆瀏覽資訊。

4.求助諮詢表單的流暢設計
求助諮詢表單分為「基本資料 → 資源概況 → 諮詢內容」三個區塊,對應社工接案評估的專業流程。求助需求以複選框列出心理諮商、家事商談、親職教育課程、子女會面探視等具體選項,並進一步詢問求助者是否面臨經濟議題、家庭暴力、精神健康問題、法院家事案件等狀況,讓社工在接案前就能初步分流。另外,表單還貼心地讓填寫者勾選可聯絡時段(上午或下午),並提供「掃描 QR Code 加入官方 LINE@」的替代管道,照顧到不擅長填寫網頁表單的使用者。


PAGE DESIGN
頁面設計




MOBILE
行動裝置



