-
【收養家庭服務計畫 - 首頁設計】
兒福聯盟的「收養家庭服務計畫」,在網站首頁設計上,整體風格以插畫風的設計為主、加入細微的動態效果,搭配簡約的排版設計,將網站營造一種親切、溫馨之感覺。
首頁佈局由上而下:形象動畫、網站單元選單、服務計畫以及寶寶服務故事,並同樣以插畫形式帶出頁尾Footer。 -
【服務計畫】
於【服務計畫】的頁面中,詳細說明了收養的簡介及服務內容,並設置「了解更多」的按鈕,點擊後畫面會轉至其它頁面。
-
【服務故事】
在【服務故事】頁面的上半部,納入了由客戶提供的插畫圖,並設置兩個入口按鍵;點擊「服務故事」畫面會轉至服務故事的列表頁;點擊「寶寶點名簿」可觀看寶寶的一些資訊。
-
【服務故事 - 列表】
【服務故事】標題列表頁,管理者可從後台自行新增並編輯標題名稱、網站描述、崁入youtube影片以及新增詳細的說明文字。服務故事上架的每筆資料,管理者可自行設定排序 + 設定是否上架或下架。
管理者也可設定該筆新增的資料,是否顯示於首頁中 (後台勾選方式)。
-
【服務故事 - 詳細說明頁】
六圖六文方式,管理者從後台新增文章時,可按上架資料的不同選擇需上傳幾張圖片,亦可利用後台的文字編輯器,讓上架的資料稍微有變化。且天矽製作的網站後台,會備註說明上傳之圖片的建議檔案大小。
-
【收出養選擇題】
在【收出養選擇題】此單元中,有3種不同小遊戲。
- 找家抉擇:主要以問卷形式讓使用者回答收養之相關問題。問卷的題目、選項皆可從後台進行編輯,且根據不同使用者回答的不同選項,可另設定下一題之題目(代號)。
- 成家心選擇:同樣以問卷形式讓使用者回答問題。
- 人聲選擇題:以有聲的形式讓使用者瞭解收養資訊,後台可編輯每則項目的主題、崁入音檔連結。
-
【收出養選擇題 - 問卷小遊戲】
【收出養選擇題】回答收養問題之畫面
- 答題方式:可直接對著選項點擊即可。
-
【關於收養月】
主要以時間軸的概念進行一頁式的編排設計,隨著使用者捲動滑鼠滾論,頁面也會往下進而延伸顯示更多的內容,並可在頁面中崁入影片,打造一種流暢的網站探索體驗。
-
【客製化後台登入形象頁】
後台管理的登入形象頁,整體視覺風格使用與前台相同之色系,使管理者在操作後台的過程中也能感受與前台一致的視覺設計,以更符合網站整體的形象風格。