持續為台灣環境發聲,讓每一項議題都走向看得見的行動與改變。
地球公民基金會是台灣長期投入環境倡議的公益團體,關注範圍橫跨山林國土、花東永續、工業污染以及氣候變遷等議題,並持續推動各項環境行動。長年累積的議題內容與行動成果十分豐厚,官方網站也到了需要重新定位的時候。
此次網站改版初期,地球公民的夥伴們便透過內部工作坊,收斂各部門同仁對官網的期待,並將使用者路徑、議題脈絡與整體架構逐一梳理清楚,再以網頁設計稿呈現改版規劃;而我們的角色,是以多年的實務運作經驗協助前、後端功能整合,讓這些經過深思打磨的想法更臻完善,最終讓訪客得以順著脈絡認識議題、看見行動,進而願意參與、支持!
首頁:重新定義官網敘事核心
過去,地球公民官網首頁以拼貼式的版面平行陳列最新文章、活動等資訊,容易流於公告牆用途。此次改版則回歸組織理念與成果的呈現,改以一頁式長版、由上而下循序引導的敘事結構,讓訪客從品牌意象強烈的大圖輪播區開始,依序認識「我們在乎的議題」、認同「與台灣社會一起創造改變!」、連結「最新議題文章」與「最新活動」,到支持「動身!成為改變的一部分」。這樣的鋪陳不僅讓長年累積的倡議成果躍然紙上,也讓訪客能在首頁的敘事引導下,迅速前往感興趣的主題頁面深入了解,為全站建立了良好的資訊分流與參與支持動線。
議題介紹頁、行動介紹頁:從議題到行動,更貼近大眾的導覽方式
此次改版的一大重點,在於資訊架構的重構:從原本單向度的議題分類,擇選出隸屬於各議題的行動方針,並藉由「議題介紹頁」與「行動介紹頁」兩大主題頁面的相互關聯以及各自不同的敘述重點,更清晰地展現組織從議題到行動的完整脈絡與豐碩成果,也讓大眾更容易理解每一項倡議的起點、過程與目的。
其中「議題介紹頁」以「我們的行動」、「至今的影響力」兩大區塊內容,勾勒出倡議內容的核心概念與成果累積,而「行動介紹頁」則以「地球公民的行動」呈現重要的行動記事,並關聯倡議策展主題頁、相關文章與活動,帶出「行動」的現在進行式,也提供大眾多面向的了解與分享議題的媒介。
在兩大主題頁的背後,是一套可擴充且彼此關聯的分類架構:管理者能輕鬆維護議題與行動的從屬關係,議題文章、相關活動等內容類型也都能與之建立連結,共同完成「議題 → 行動 → 成果」的瀏覽引導。
netiCRM 活動、捐款頁:跨系統的視覺整合,讓體驗更值得信任
地球公民基金會是 netiCRM 的長期用戶。此次改版延續以 Drupal 作為內容管理系統、搭配 netiCRM 承載活動報名、線上捐款與電子報等功能的組合,維持了「同一套後台即可維護網站內容與 CRM 資料」的優勢。
而比較容易被忽略卻直接影響瀏覽體驗的,是 CRM 功能頁在前台的視覺銜接。此次我們把網站的設計語言——配色、字體、按鈕與版面元件,延伸套用到這些 CRM 頁面,讓訪客從瀏覽議題、點進活動報名、到完成捐款的過程中,看到的都是一致而連貫的介面,不會在跨入表單頁時出現明顯的視覺斷點;以視覺整合弭平系統之間的邊界,讓整體瀏覽動線更順暢,也更令人信任。
結語:文案加分術
網站建置完成後,頁面內容便交棒給管理者持續維護與呈現。本次改版,我們特別感受到地球公民的夥伴們在規劃前期,就把每個區塊的文字量與文案運用一併考量進去,讓每一個版位都發揮出敘事上的意義;包括前述提到的「議題」與「行動」,在其命名上較之此前的「山林水土」、「環境民主」都更為貼近大眾的語感與思考,如:「翻轉污染的日常」、「重整失序的國土」等。在良好的協作下,非營利網站才能在上線之後持續發揮影響力——這也是本次網站改版十分寶貴的收穫。
---
如果你正在籌劃 NGO 或非營利組織的網站改版,也歡迎聊聊~
我們已經在這條路上累積了不少經驗,也很樂意分享。
資訊
視覺關鍵字:
沉穩、穩重
清爽、乾淨
簡單、簡約
主要色彩:
綠
內容素材取向:
以風景、動植物圖片為主























