兒福聯盟::收養家庭服務計畫

兒福聯盟::收養家庭服務計畫

網站整體以插畫風為主,使用柔和色彩搭配清新簡約的排版,營造一種親切溫馨的視覺氛圍。並於插畫中加入細微動態效果,使用者觀看網站時能同時感受到動態+靜態的佈局。

  • 【收養家庭服務計畫 - 首頁設計】

    【收養家庭服務計畫 - 首頁設計】

    兒福聯盟的「收養家庭服務計畫」,在網站首頁設計上,整體風格以插畫風的設計為主、加入細微的動態效果,搭配簡約的排版設計,將網站營造一種親切、溫馨之感覺。
    首頁佈局由上而下:形象動畫、網站單元選單、服務計畫以及寶寶服務故事,並同樣以插畫形式帶出頁尾Footer。

  • 【服務計畫】

    【服務計畫】

    於【服務計畫】的頁面中,詳細說明了收養的簡介及服務內容,並設置「了解更多」的按鈕,點擊後畫面會轉至其它頁面。

  • 【服務故事】

    【服務故事】

    在【服務故事】頁面的上半部,納入了由客戶提供的插畫圖,並設置兩個入口按鍵;點擊「服務故事」畫面會轉至服務故事的列表頁;點擊「寶寶點名簿」可觀看寶寶的一些資訊。

  • 【服務故事 - 列表】

    【服務故事 - 列表】

    【服務故事】標題列表頁,管理者可從後台自行新增並編輯標題名稱、網站描述、崁入youtube影片以及新增詳細的說明文字。服務故事上架的每筆資料,管理者可自行設定排序 + 設定是否上架或下架。

    管理者也可設定該筆新增的資料,是否顯示於首頁中 (後台勾選方式)。

  • 【服務故事 - 詳細說明頁】

    【服務故事 - 詳細說明頁】

    六圖六文方式,管理者從後台新增文章時,可按上架資料的不同選擇需上傳幾張圖片,亦可利用後台的文字編輯器,讓上架的資料稍微有變化。且天矽製作的網站後台,會備註說明上傳之圖片的建議檔案大小。

  • 【收出養選擇題】

    【收出養選擇題】

    在【收出養選擇題】此單元中,有3種不同小遊戲。

    • 找家抉擇:主要以問卷形式讓使用者回答收養之相關問題。問卷的題目、選項皆可從後台進行編輯,且根據不同使用者回答的不同選項,可另設定下一題之題目(代號)。
    • 成家心選擇:同樣以問卷形式讓使用者回答問題。
    • 人聲選擇題:以有聲的形式讓使用者瞭解收養資訊,後台可編輯每則項目的主題、崁入音檔連結。
  • 【收出養選擇題 - 問卷小遊戲】

    【收出養選擇題 - 問卷小遊戲】

    【收出養選擇題】回答收養問題之畫面

    • 答題方式:可直接對著選項點擊即可。
  • 【關於收養月】

    【關於收養月】

    主要以時間軸的概念進行一頁式的編排設計,隨著使用者捲動滑鼠滾論,頁面也會往下進而延伸顯示更多的內容,並可在頁面中崁入影片,打造一種流暢的網站探索體驗。

  • 【客製化後台登入形象頁】

    【客製化後台登入形象頁】

    後台管理的登入形象頁,整體視覺風格使用與前台相同之色系,使管理者在操作後台的過程中也能感受與前台一致的視覺設計,以更符合網站整體的形象風格。

ID:@323foylw