BEAT台灣生育改革行動聯盟(生動盟)官網 | WordPress 網站製作案例

introduce beat website

台灣生育改革行動聯盟(生動盟)官網是我獨立架設的第二個 NGO 網站,主要使用 Astra Pro 和 Elementor Pro 製作而成。身為一個 NGO 工作者,雖然我 5 年的工作經驗說長不長,但還算了解 NGO 的工作型態還有宣傳需求,因此做起網站來很開心,也特別順手。

生動盟是一個倡議「生育改革」的民間團體,在 2014 年由一群關心孕產議題的母親成立。她們多年來在台灣推動「友善生育」相關的立法、政策,也做了和自然流產、生育統計相關的研究,近年來也舉辦很多活動,推廣友善生產教育和兒童身體教育。(關於生動盟

因為生動盟的理監事和工作人員算是有一起合作過的夥伴,而且推動的議題也是我關心的,所以我是真心想要把這個網站給建好。經過一連串的努力以後,終於讓這個網站在 2021 年底上線啦~

生動盟官網 桌機和手機mockup min

為什麼每個 NGO 都應該要有一個網站

之前生動盟和台灣許多小型 NGO 一樣,缺少一個能代表組織的正式官網,只有一個用 Blogger 建立的官方部落格(但不常更新)。免費部落格雖然方便,但長久以來,我們可以發現一些缺點,例如:

  • 充斥蓋板廣告導致瀏覽體驗不佳
  • 無法擁有象徵「組織門面」的自訂網域
  • 沒辦法做到高度客製化
  • 內容分類方式有侷限
  • SEO 表現不佳
  • ……

而且對 NGO 來說,讓訪客了解組織的理念及服務內容,進而產生認同感、願意捐款支持,是網路行銷 / 經營的一個重要目的。這時候,擁有一個正式的官方網站,讓每年的工作報告、財務報表、捐款徵信資訊有公開展示的地方,對 NGO 來說就真的很重要了!畢竟,大家不會想要捐錢給一個來路不明、資訊不透明的組織吧!

網站架設前,盤點組織現有的素材

很多 NGO 不但沒有正式的官網,甚至在網路上都搜不太到相關結果,讓人覺得有點可疑。但好加在的是,生動盟有一些很棒的資質,所以我認為有了官網以後,是能帶給組織很大幫助的。

(一)本身已具備很優質的內容

生動盟成員中有很多厲害的文字工作者,文章的質與量兼具,長期以組織名義在各大媒體平台投書,而且文筆淺顯易懂,又命中問題核心,是一群有經驗且認真的倡議工作者。雖然還沒有正式的網站,但已經可以預見這些素材將會讓網站的內容非常豐富。

生動盟 親子天下專欄
生動盟在親子天下的專欄

(二)活躍的粉絲頁

生動盟有在經營臉書粉絲頁(印象中 2021 年底似乎是 7-8 千人),發文的品質很好,而且粉絲的互動狀況也不錯。每當為孕產相關議題提出改革建言,粉絲們都會很熱情地轉發。

(三)議題的獨特性

台灣雖然有很多婦女團體,但比較多的是關心受暴、離婚、教育等議題,目前專注在友善生產、生育政策改革的 NGO 其實並不多。因此生動盟的內容產出在這領域有獨特性,若好好經營的話,未很有機會取得不錯的 SEO 成績。

架站過程中,隨時保持彈性

我認為 NGO 的案子跟一般商業案最大的不同,就是通常 NGO 案子的製作時間會拉比較長。這是因為 NGO 非常以人為本,有很多小細節,可能會需要經過理監事、董監事會(統稱大老好了)來回確認,工作人員才敢放心地執行。但大老們平常都有要務在身,並不像企業主管一樣能隨時在公司待命開會,所以做 NGO 的案子,會需要有長時間等待的心理準備。(但這對現在利用空閒時間做網站當休閒的我來說,是滿適合的節奏啦!)

不過生動盟的案子倒是意外地非常有效率,無論是理監事還是工作人員,提供資料和確認的速度都很快,讓我超佩服媽媽工作者的極限,在時間的夾縫中創造許多效率的奇蹟~

整個架站過程唯獨有一個地方花了比較多時間修改,那就是 LOGO 和網站配色的部分。

因為之前生動盟的 LOGO 經歷多次改版,我們發現現有的版本放在網站上並不是那麼適合,所以後來有重新請從事設計工作的理監事協助重製,才成了現在的模樣~

生動盟LOGO改版前後 min

透過做網站的過程,也可以幫助 NGO 好好整理自己的組織形象,像是 LOGO、標準色、標準字等等的統一唷~

網站製作相關、WordPress 分享

生動盟的網站我是使用 Astra 主題和 Astra Pro 搭配 Elementor Pro 編輯器建置的。外掛的部分沒有用到特別的功能,除了幾個跟 Elementor 相關的編輯器外掛以外,還有用 ACF 自訂欄位來建立「團隊成員」這個區塊,這樣未來理監事改選的時候,工作人員自己就可以很輕鬆更新團隊成員名單。

生動盟 團隊成員

整體風格的部分,一開始我是設定成溫暖、柔和的,因為就如同生動盟創會理念中所說的,我們從小到大對「生育」這件事理解的很不全面,大部分的資訊都是負面的(例如未成年懷孕要墮胎會很慘、跟月經有關的污名、懷孕很辛苦但產後更慘……),所以我希望官網不要有說教感,而是多一點溫柔的氛圍。在顏色方面就吸取 LOGO 的珊瑚紅,搭配一點橙色,內文也使用比較淡的灰色。

但沒想到那樣有點 over,大家覺得網站看起來太迷濛XD,所以經過嘗試後,決定把內文設定成傳統的 #000000 正黑色。本來有點猶豫這樣會不會太俗,但意外發現正黑文字跟柔和的背景搭配起來,可以呈現溫暖又堅定的感覺,也滿符合組織倡議風格的。

生動盟 課程申請頁面

總結

我很喜歡用 WordPress 做網站,尤其是幫 NGO 做網站,看到組織因為網站有了更多曝光,甚至獲得捐款支持的機會,讓人很有成就感!未來也會繼續自我進修,研究更多可以讓訪客、管理者都覺得好用的網站。

hannah kao

高高與她的激動大狗

你好,我是高高,家裡有一隻激動大狗旺財,一隻內向小狗波比,是牠們給我靈感創作這個部落格。1992 年生,喜歡宇宙、咖哩、歷史、聖鬥士星矢。我本身也是一名網頁/資訊設計師,歡迎來信 [email protected] 聊聊合作的機會!

我要留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端