TSDA WebSiteSystem
社團法人台灣社會發展推動協會
網站系統規劃
TSDA:社會服務組織的網站
在議題的溝通與倡議上,需適度地呈現社會服務的現場,增加群眾對於服務的瞭解與認同
圖片選用,為表達組織的性格與特性,需以組織自身的活動的照片為主,難以運用圖庫照片來替代
在活動照片的挑選上,組織也需考量服務對象隱私,需後製後才能發佈
組織選色
所選的色盤,除了紅色以外,四色都是淺色,所以整體的頁面,以紅色或黑色作為強調色
將粉紅與藍綠色,兩色調深或調淺,在同一個色系裡面來應用
型版配置說明
以組織性格,柔軟而活躍作為主軸
本網站屬於一大頁的設計,再分別連結到活動參與及最新消息等不同文章頁面
整個版面分為七個區塊
一、第一個區塊-
全寬投影版:分三頁自動輪播,每頁寫一項協會服務重點,請提供每頁各100字以下的文字內容,以及解析度大於1200的照片各一張。
二、第二個區塊:
為協會目前焦點任務,中間置放logo,兩側各放一個重點,用粉紅色及白色來搭配,讓任務的執行,感覺溫柔而活潑
三、第三個區塊:
最新消息,右邊嵌入臉書的活動,表現最新的動態,左邊則以主題專欄的概念,書寫較具論述性的文章
四、第四個區塊:
以生活的方式,表現小作所的特色與精神,自立生活&融入社區,請提供相關的文字的圖片。
五、第五個區塊:
活動報名,有獨立的日曆系統,可以將課程、現場活動、聚會或者只是線上文件的下載、問卷調查…等,規劃可以讓社群參與的形式。
六、第六個區塊:
地圖及線上表單,是讓訪客可以隨機留言,留言資料會自動寄送的所提供的google帳號。
七、第七個區塊:
頁尾,支持我們,目前支持方式設定暫以捐款支持或志工參與為例,若有這類資訊,麻煩提供相關資料
其它:
1活動報名(上面的第五區塊):
這是在每次舉辦活動時,才會使用的頁面
2設計留言板:
在每一頁右下角有一個藍色的按鍵,可以在頁面上釘選你所要討論的位置,提出你的看法,我們會在上面直接跟你對話與討論
3論壇:
這是給內部工作人員討論互動與紀錄的頁面,目前我們對於網站的設計,也請大家用論壇來作為討論,也體驗一下這個工具,對於遠距工作效率的提升。
4文章頁面:
這是將來各位要常常用來新增專欄或最新消息的地方,目前還沒有開放,所以先將文章圖片貼在論壇上,由我們作成網頁。
系統內建資源
附贈課程:
- AIV一大頁網站設計課程
- 論壇提問回覆十次
- 視訊或音訊說明導入30分鍾
- 線上協助修改完稿一次
- 線上課程討論權限90天