怎麼參與
- 滑一遍這頁，看哪一種順眼
- 在群組回覆兩個選擇：調性方向（A／B／C／D）、首頁結構（版型一／二／三）
- 順手回答最後一題開放題——那題比投票更重要
整頁看完大約三分鐘。每張圖都可以點進原網站。有想法隨時講，不用等截止。
投票題一調性要走哪一種？
同樣是永續組織，給人的第一印象差很多。選一個最接近你心中「願景協會該有的樣子」。
專業智庫感
白底、克制、資料說話。第一眼像研究機構，不像募款單位。看起來很懂，但不太熱情。
- 選它代表什麼
- 協會要靠「專業與知識」建立地位，網站是我們的知識資產庫。適合對接政府、企業、學界。
- 要付出的代價
- 需要持續產出有份量的內容。沒有內容的話，這種版型會顯得很空。
紀實報導感
大圖、標題有力、現場感重。第一眼像一家認真的媒體，看得出「我們真的有在做事」。
- 選它代表什麼
- 協會要當議題的發聲者，用報導與專題累積影響力。對媒體曝光、公眾溝通最有利。
- 要付出的代價
- 要有穩定的採訪與寫作能量，而且照片要拍得好。用圖庫照會立刻破功。
品牌溫度感
設計感強、留白多、有情緒。第一眼像個有態度的品牌，不像公家機關。
- 選它代表什麼
- 協會要先被喜歡、被記住，再談專業。適合對接一般大眾、年輕族群、地方社群。
- 要付出的代價
- 設計投入最高，而且要有自己的視覺素材（攝影或插畫），不能靠圖庫。
行動電商感
一進來就有事可做——加入、認養、選購、找夥伴。第一眼像個平台，不像介紹網頁。
- 選它代表什麼
- 協會要的是可運作的平台：會員、點數、認養、企業方案，網站直接承接業務。
- 要付出的代價
- 需要有真的東西可以參加或購買。沒有實際方案的話，會像一個空的購物網站。
投票題二首頁要用哪一種結構？
同樣的內容，排法不同，感受差很多。下面是三種結構的示意圖（由上往下代表首頁捲動順序）。
版型一 分類均衡型
參考：Inside Climate News
每個業務線都被強迫曝光，不會因為某一組比較會發文就洗版。首頁永遠看起來是滿的。
適合：三個組都要露臉、內容量還不多的階段。最省事的選擇。
版型二 專業產出型
參考：World Resources Institute
選單直接就是「你要找什麼形式的東西」。訪客帶著目的來找資料時最順。
適合：協會定位成專業機構，主要對象是政府、企業、研究單位。要有東西可放才成立。
版型三 主題深潛型
參考：Ellen MacArthur Foundation
承認多數訪客是來「搞懂這件事」的，所以把教育入口放在首頁顯眼處。每個議題底下是一整套完整內容。
適合：協會要把某個議題（例如循環經濟、銀髮）做成長期招牌。內容準備的功夫最重。
最後一題你會為了什麼事，打開協會的網站？
這一題比上面兩個投票更重要，而且只有各位知道答案。
想像你某天真的會點進協會網站——那時候你是想做什麼？想到什麼寫什麼，一句話也可以，寫三件事更好。
例如：
- 看最近有什麼活動、怎麼報名
- 查特約商家有哪些、優惠怎麼用
- 找承辦窗口、想問一件事該聯絡誰
- 看理監事名單、年度報告、財務報表
- 我想介紹一個廠商合作，要先看什麼
為什麼問這題：網站的選單要照「大家會來做什麼」排，不是照「協會有幾個部門」排。這件事我們猜不到，只有各位知道，而它會直接決定選單長什麼樣。
幾件先講清楚的事
免得投票時誤會。
捐款與電商不會做在網站裡
這次調查的旗艦組織，沒有一個把金流做進自己的網站——WWF、大自然保護協會、雨林聯盟全都是按鈕外連到專門的收款服務。所以我們的網站上會看到「捐款」「報名」「選購」按鈕，但按下去是跳到專門的金流頁。這樣做的好處是日後換金流商不用改網站，也不用自己扛信用卡資料的資安責任。
這十二個站不是要照抄
是要選方向。實際做出來會是協會自己的視覺，只是骨架與邏輯照著已經被驗證過的做法走，不重新發明。
中文網站不能直接套歐美版型
中文的行高、字距、標點處理跟英文差很多，直接套會很難看。這部分已經有一套規格，不需要投票，做的時候會照著走。
無障礙建議一開始就做
如果協會之後要承接市府標案或政府補助案，採購文件實務上常會要求無障礙標章。一開始就照規格蓋，成本幾乎是零；事後補做要重寫一輪。