OCF.tw 官網內容 2016 版

上層文件

 2016 OCF Redesign: 2016/09/23~09/30 意見收集區

架構根據這份框線圖

https://drive.google.com/open?id=0B0NsS2a-Qx8ZUkhva3hxdUNPMmM

參考資料

OCF Description

OCF Visual Brand Identity

首頁 /

00) Header 版位

  • logo
  • 圖片

    連結

  • 選單一
  • 文字

    連結

  • 選單二
  • 文字

    連結

  • 選單三
  • 文字

    連結

  • 選單四
  • 文字

    連結

  • 選單五
  • 文字

    1) Hero 版位

  • 用途
  • call to action,導向網站主要轉換率目標

  • 圖片
  • 大標文字
  • 副標文字
  • 按鈕文字
  • 按鈕網址
  • 2) 快速自介版位

  • 用途
  • 解釋開放文化、解釋基金會

    補脈絡,幫助完全狀況外的人理解接下來的內容

  • 段落文字
  • 連結文字
  • 連結網址
  • 3) 業務內容版位

  • 標題文字
  • 3-1 區塊一
  • 圖片(COSCUP 照片)

    標題

    描述

    按鈕文字

    按鈕連結

  • 3-2 區塊二
  • 圖片(2016-7-22 國發會資訊主管聯席會)

    標題

    描述

    按鈕文字

    按鈕連結

  • 3-3 區塊三
  • 圖片:(某張和外國單位開會的照片)

    標題

    描述

    按鈕文字

    按鈕連結

    4) 見證人版位

  • 標題文字
  • 4-1 區塊一(假的)
  • 圖片

    姓名

    頭銜

    引言

  • 4-2 區塊二(假的)
  • 圖片

    姓名

    頭銜

    引言

  • 4-3 區塊三(假的)
  • 圖片

    姓名

    頭銜

    引言

    5) 重點專案版位

  • 標題文字
  • 專案一
  • 圖片

    標題

    描述

    連結

  • 專案二
  • 圖片

    標題

    描述

    連結

  • 專案三
  • 圖片

    標題

    聯絡窗口

    描述

    連結

    6) 贊助回饋版位

    標題

    logo 們

    98) 置底廣告版位

    內容同 Hero 版位

    99) Footer 版位

  • 基本資訊類
  • 抬頭

    統編

    愛心碼(條碼?)

    勸募字號(?)

    電子信箱 Email

  • 協作討論類
  • 公開討論區 Google Group

    共筆協作區 Hackpad

    專案原始碼 GitHub

  • 新聞發佈類
  • 電子報 News

    部落格 Blog

    Facebook

    Google+

    YouTube

  • 台北辦公室
  • 地址

  • 桃園辦公室
  • 地址

    電話

    傳真

    關於我們 /about

    http://www.givewell.org/about

    https://www.mysociety.org/about/

    http://www.charitynavigator.org/index.cfm?bay=content.view&cpid=628

    00) Header 版位

    同首頁

    1) 簡介版位

    快速導覽

    標題

    內文

    2) 宗旨版位

    參考資料

    http://ocf.tw/#whoweare

    標題

    段落一

    段落二

    3) 歷史版位

    標題

    內文

    相關連結一

    相關連結二

    相關連結三

    相關連結四

    in the news

    4) 章程版位

    標題

    連結

    5) 財務版位

    捐款徵信

    捐物徵信

    財務報表(?)

    98) 置底廣告版位

    同首頁

    99) Footer 版位

    同首頁

    工作夥伴 /people

    等同 http://ocf.tw/staff/

    00) Header 版位

    同首頁

    01) submenu 版位

    選單一

    選單二

    選單三

    選單四

    選單五

    選單六

    選單七

    選單八

    1) 董事

  • 董事一
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 董事二
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 董事三
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 董事四
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 董事五
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

    2) 顧問

  • 顧問一
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

    3) 工作人員(暫依到職時間排序)

  • 員工一
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 員工二
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 員工三
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 員工四
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

    4) 校友(暫依到職時間排序)

  • 校友一
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

    5) 志工(暫依到職時間排序)

  • 志工一
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 志工二
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 志工三
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 志工四
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

  • 志工五
  • 照片

    職銜

    姓名

    ID

    簡介

    連結

    6) 合作夥伴

  • 夥伴一
  • 名稱

    logo

    連結

  • 夥伴二
  • 名稱

    logo

    連結

  • 夥伴三
  • 名稱

    logo

    連結

  • 夥伴四
  • 名稱

    logo

    連結

    7) 贊助商

  • 贊助一
  • 名稱

    logo

    連結

  • 贊助二
  • 名稱

    logo

    連結

    8) 捐助人

  • 捐助一
  • 名稱

  • 捐助二
  • 名稱

    ... etc.

    98) 置底廣告版位

    同首頁

    99) Footer 版位

    同首頁

    專案成果 /projects

    等同 http://ocf.tw/donate/

    00) Header 版位

    同首頁

    01) submenu 版位

  • 依業務性質篩選(呼應首頁的 what we do 區塊)
  • 性質一

    性質二

    性質三

    /

  • 依議題篩選(呼應章程內列舉的項目)
  • 議題一

    議題二

    議題三

    議題四

    議題五

    議題六

  • 依專業領域篩選(某次討論提到可以讓不同身份分眾瀏覽)
  • 領域一

    領域二

    領域三

    領域四

    1) 進行中專案版位(比首頁的專案區塊多出「主辦」欄位)

  • 標題
  • 專案一
  • 圖片

    標題

    主辦

    描述

    連結

  • 專案二
  • 圖片

    標題

    主辦

    描述

    連結

  • 專案三
  • 圖片

    標題

    主辦

    描述

    連結

  • 專案四
  • 這邊把 g0v 大松的兩個專案合併,變成同一專案的兩種捐款選項。

    圖片

    標題

    主辦

    描述

    連結

  • 專案五
  • 圖片

    標題

    主辦

    描述

    連結

  • 專案六
  • 圖片

    標題

    主辦

    描述

    連結

  • 專案七
  • 圖片

    標題

    主辦

    描述

    連結

  • 專案八... (以下 lorum)
  • 2) 歷年成果版位

  • 標題
  • 小標題

    內容格式同進行中專案

    98) 置底廣告版位

    同首頁

    99) Footer 版位

    同首頁

    媒體專區 /mediakit

    參考資料

    brand kit samples

    https://kktix.com/branding

    http://www.brendan-lane.com/VanveroBrandBook.pdf

    https://brand.linkedin.com/

    mediakit samples

    http://www.troublenorth.com/brand-guidelines/

    https://hootsuite.com/about/media-kit

    https://www.leanplum.com/company/media-kit/

    http://nic.rent/files/rent-mediakit.pdf

    http://nic.college/files/college-mediakit.pdf

    media kit content instructon

    http://help4nonprofits.com/NP_Bd_MissionVisionValues_Art.htm

    00) Header 版位

    同首頁

    1) 檔案下載版位

    正方版 logo 圖片

    長條版 logo 圖片

    標題

    描述

    按鈕文字

    按鈕連結

    2) 使用規範版位

  • 規範一
  • 標題

    描述

    範例一標題

    範例二標題

  • 規範二
  • 標題

    描述

    標準色一標題

    標準色一色碼

    標準色二標題

    標準色二色碼

  • 規範三
  • 標題

    描述

  • 規範四
  • 標題

    描述

    3) 售後服務(?)版位

    內文

    98) 置底廣告版位

    同首頁

    99) Footer 版位

    同首頁

    電子報 /news

    等同 http://ocf.tw/subscribe/

    00) Header 版位

    同首頁

    1) 訂閱版位

    表單欄位

    (話說那個「訂閱 OCF 電子報 ? *」欄位應該可以隱藏吧?反正都非勾不可啊... www)

    表單按鈕文字

    2) 電子報列表版位

  • 過往電子報一
  • 日期

    標題

    配圖

  • 過往電子報二
  • 日期

    標題

    配圖

  • 過往電子報三
  • 日期

    標題

    配圖

  • 過往電子報四(以下羅倫)
  • ...

    98) 置底廣告版位

    同首頁

    99) Footer 版位

    同首頁

    /404

    關於本站 /about/website

    暫存區

    英文版