不做無流量網頁!五年實戰分享:如何設計NGO Funded Program受資助項目網頁?


Funded program 受資助項目與一般機構經常性服務項目不同,除了獲得基金資助外,服務細則、服務對象、服務時期與服務範圍都會較精確,有時會細分至特定職業、性別、年齡或特殊需要等。
NGO在撰寫資助項目計劃書時,往往都會疑惑:如何籌備受資助項目的宣傳網站?

過去,我們曾經與不少社福團隊傾談,發現原來NGO網站的運用是一大困難。資助項目需要準備網頁,但經營NGO網頁複雜且漫長,不少功能與預算則是更難預估的部分。
今日就讓Adsupervisor來為你講解:如何設計受資助項目的NGO網站?哪些功能對資助項目而言是必要?
Adsupervisor 是什麼團隊?
Adsupervisor 為香港不同品牌提供數碼營銷服務,針對NGO項目,我們從品牌設計到網站營運,從線上營銷到線下宣傳品設計,從年報與季刊設計到展覽設計,均有提供相應服務。
針對受資助項目,我們亦會為撰寫計劃書的社福團隊提供免費諮詢服務,讓你提早準備營銷開支。
放心,無論後續是否展開項目,我們從來不就諮詢收費——分享與交流本就是無價之寶。
為什麼資助項目需要設計NGO網頁?
你知我也知:數碼營銷 Digital Marketing 是當今必不可少的宣傳工具,對NGO宣傳與提供服務提供關鍵作用。
然而,話說回來,為什麼要有NGO網頁呢?Instagram營銷不足夠嗎?線下有中心還不夠嗎?
事實上,網站部分具有兩大功能:
1. 流量轉換站
「流量 Traffic」是指目標服務對象瀏覽網頁的過程,亦是數碼營銷最看重的數據。
當目標服務對象在搜尋引擎中見到NGO項目網頁,若感興趣,就會前來查看資訊內容。
假如服務細則符合期望,自然就會聯絡社福團隊,申請作下一步行動。

而這個「下一步行動」就屬於「轉換 Conversion」。
是否只有NGO網頁能夠作為流量轉換站的功能?
不是,但網站具備目前最高效率與最低成本的流量吸引能力,而轉換行為亦能夠得到全面掌握。
我們以香港基督教女青年會天水圍故事館—天拉吧的NGO網站作為例子:

天拉吧的項目網頁:從讀者角度改善瀏覽行為
天水圍故事館—天拉吧為YWCA天水圍綜合社會服務處轄下單位,於2014年年初成立。
過去十年之間,一直以「藝術家 X 社區 X 機構」的協作模式,將有機和在地的藝術創作帶到社區之中。
透過天水圍故事館—天拉吧的各種活動資訊,帶到由滙豐香港社區夥伴計劃2023資助的最新項目「交換生活」之中,讓每位參與者的故事都能夠簡單輕易地呈現眼前。

從搜尋,進入NGO網站首頁,發現項目,到最終進入活動頁面,不足四步就能抵達。
同時,項目亦針對不同關鍵字撰寫資訊,包括針對天水圍各處,或是有份參與的天水圍中小學與不同機構等,讓有興趣參與藝術活動的網民在搜尋天水圍好去處時,亦有機會在搜尋引擎發現天拉吧的蹤影。

為什麼我們會如此熟悉呢?因為天水圍故事館—天拉吧的網頁設計正是由我們操刀設計的。
歡迎你瀏覽我們撰寫的分享,就能更了解受資助項目網站的設計元素。
齡活港的資訊分享:如何透過網頁承載大量資訊?
除了天水圍故事館—天拉吧的網頁設計外,我們亦特別喜歡由香港賽馬會慈善信託基金資助的賽馬會齡活城市計劃網頁,當中「齡活港」的網頁設計特別值得作為參考對象。

「齡活港」提供大量以長者為核心的學術資訊,包括年齡友善城市策略研究、建設城市指南、詳盡的十八區年齡友善地區概況等。
由於學術資訊較多,「齡活港」以不同刊物來承載資訊則顯得相當聰明,以設計良好的封面來吸引讀者繼續取閱,方面讀者閱覽資訊。

坦白說,以設計美感與網頁元素而言,「齡活港」未必是香港NGO最Fancy的一個網站,但考慮其作用與目標對象,「齡活港」卻是非常有效承載資訊的網頁架構。
如何定義「網頁轉換」?
以天水圍故事館—天拉吧為例,假如有不同單位期望合作,就可以在閱讀過往資訊後,通過網站的聯絡功能聯繫,繼而開展下一輪工作。
而以「齡活港」為例,作為學術研究項目,轉換則集中於公眾資訊取閱次數,因此下載率成為重要數據。
以其他受資助項目為例,如果你期望在服務期間獲得更多關注或申請報名等,就要在吸引流量的同時,提供更方面的報名表功能。又或者,假如你想強化公眾教育部分,就要嘗試參考「齡活港」的做法,將更多資訊製作成刊物,在網頁上提供下載。
2. 官方資訊集中點
除了吸引流量及提供轉換外,NGO網站其中一項重要功能就是提供官方資訊。
看似不大重要,但其實在不實消息或片面資訊流竄的今日,NGO能夠擁有一個由自己控制的消息發佈平台相當重要。

如今社交平台發散,消息流通效率極高,受資助項目不但承載資助單位與NGO團隊的任務,亦有責任向公眾分享最新成果與未來計劃,從而提升公眾知情度。
樂施會的活動頁面:數據與故事兼備的網頁設計
以樂施會為例,早前推出「慳得有營餸基層」計劃,為700戶有兒童的基層劏房家庭和獨居長者,提供持續半年,並切合營養需求的食物援助,並獲取基層兒童的營養狀況數據後,自2021年開始支持民社服務中心,聯同香港社區營養師協會,推行「社區流動營養診所」計劃。

計劃期間,樂施會不但持續獲得基層兒童的營養狀況,同時亦接觸許多家庭的第一手故事。作為見證故事,樂施會在NGO網頁與YouTube上呈現,讓基層家庭的實際情況得以更真實反映。
另一面看,故事與數據不但讓更多讀者了解基層家庭,亦對捐款有更大意欲。

「提供意義」是非常重要的營銷元素,善用真實故事來驅動行動所需的感情與理性,就能更有效提升行動轉換率之餘,亦能讓「事實」與「數據」變得可觀。
在如今訊息爆炸的年代,NGO網站或許不需要再多學術研究,反而將說話好好呈現更重要。
設計資助項目的NGO網頁需要具備什麼元素?
終於進入正題⋯⋯之前,我們要先掌握受資助項目的「核心營銷目標」是什麼?
當然,無論哪一次與社福團隊開會,總會回答我們「有好多目標喎!」然而,最理想的情況自然是聚焦於一個目標,才能有效衡量成效。
例如:如果項目聚焦於公眾教育或倡議,我們的核心營銷目標就會變成流量與瀏覽時間。

或者,假如我們項目聚焦於吸引公眾參加活動,核心營銷目標就會變成流量與報名次數。

或者,假如我們聚焦於特定群組的公眾完成網頁活動的次數,活動本身就要具備分辨參與者是否屬於特定群組的能力,再聚焦於特定群組的流量與完成次數。

每個核心營銷目標都會影響網頁設計,因此在設計網頁之前就要決定目標,才能順利開展設計構思與執行。
受資助項目的NGO網站需要具備什麼頁面?
我們在設計網頁時都會有基本的核心頁面,又稱為功能頁面,負責傳達網站與機構的重要資訊。
一個清晰且結構分明的網站能有效引導訪客,讓資訊變為成果。
首頁:以簡練方式介紹機構使命、最新動態,並設置顯眼的 CTA 按鈕,鼓勵訪客立即捐款或參與活動。
關於我們:詳盡介紹機構背景、團隊組成及願景,讓訪客了解你的核心價值。
我們的工作:展示過去與現行項目成果,運用圖文並茂方式說明影響力。
如何支持:提供捐款詳情及義工招募資訊,多角度鼓勵支持。
最新消息:定期更新動態、活動預告及倡議文章,保持內容新鮮度。
聯絡我們:設置聯絡表單、地址、電話及社交媒體連結,方便訪客隨時溝通。
NGO亦要按機構政策而決定是否需要有私隱政策、使用政策等法律效用頁面。
出色的NGO網頁設計,關鍵在於「價值頁面」
在核心頁面以外,受資助項目亦要著重「價值頁面」,負責傳達項目的價值與意義,包括真實故事、團隊心聲、項目影響等。
結構上,理性資訊與感性分享兼備的「價值頁面」才算完整而具說服力。
我們見過許多網站流於資訊,但忽略情感傳達與故事的力量,導致網站變得死板生硬,讀者亦無法感受溫度。
雖然不是受資助項目,但綠色和平香港分部的「價值頁面」卻是我們非常喜歡,亦是設計的相當出色的範例。
綠色和平的情感宣導:如何讓你共鳴環保意義?
綠色和平的環保倡議分為六大重點,包括氣候、海洋、森林、塑膠、生活,及北極。我們以生活為例,講解「價值頁面」的核心:對你(讀者)有意義的正面影響。

生活無處不在,卻又難以定義。誰說氣候與森林與生活無關?誰說生活不包括塑膠與海洋?
以綠色和平的倡議來說,「生活 Health」更重視宜居城市及健康快樂環境,強調大自然環境受不同污染侵害時,亦會反噬到人類生態之中。
在六大重點之中,在中文語境中的「生活」相較英文語境的「Health」模糊,更需要介紹與解釋。
在生活頁面中,我們見到綠色和平加入平易近人的介紹,論述綠色和平立場與倡議,亦讓生活與Health的定義更清晰。

同時,綠色和平亦有加入許多香港內容,讓「生活」確實地與你的生活聯繫。
香港人的笑臉,熟悉的山水環境,不但讓你感覺到綠色和平的在地適應,亦讓環保倡議變得易於接受。
在綠色和平以外,我們上述曾經提及的天水圍故事館—天拉吧網頁亦採用同類設計手法,將「交換生活」的想法貫徹當中。
天拉吧的社區故事:交換生活的活動片段
「交換生活」計劃將天水圍不同階層與年齡組別聯繫於一起,透過親手創作與面對面傾談,實際感受對方的生活實況。
老年人探索中學生的學業壓力,中學生探索都市農夫的辛勤日常,小學生探索紗織藝術的一針一線⋯⋯透過天拉吧的藝術計劃匯聚一身,相互理解天水圍的不同面向與社區故事。

彼此交流的故事,成為計劃的其中一項藝術成果,透過文字與圖片方式,我們在網站逐一呈現。
細節與樂趣永遠講不清,至少相片能夠擷取瞬間。
透過價值網頁設計,我們將計劃期間發生的故事重新編撰,上載至網頁供大眾參閱。

參與計劃的人只佔全區極微小部分,但對天拉吧計劃有興趣的讀者卻以倍數更多,此時網站就能發揮作用,將過去計劃的有趣故事轉化為對未來活動的期望,亦對天水圍的社區保有更大興趣。
受資助項目的NGO網站需要具備什麼功能?
百養米養百樣人,目標各異的受資助計劃自然不會有完全一樣的網頁設計。
按照核心營銷目標不同,網頁亦會承載不同的功能,不過,我們亦建議你在設計網頁時考慮以下網站功能,讓目標服務對象瀏覽網頁時更輕鬆。
1. 響應式設計
響應式設計 Responsive Design 代表網頁在桌面或手機瀏覽時,可自由按尺寸不同而調整瀏覽體驗。天拉吧的網頁就能反映這一點——畢竟是客戶,自然要宣傳多一點。
響應式設計是新技術嗎?不是,早於Web 2.0年代——大約2010年前已廣為使用。
然而,至今香港不少NGO網頁依然未能完全做到響應式設計,在桌面版轉換為手機版時,總會顯示不全。

響應式設計有助讀者在不同設備上瀏覽網頁內容,特別是如今使用手機瀏覽網頁的讀者比例普遍已超過60%時,響應式設計變得更為必要。
2. SEO營銷功能
SEO意思為Search Engine Optimisation 搜尋引擎優化,目的是將網站內容盡可能在搜尋結果中靠前。
假如你採用現代網站設計平台,例如Squarespace、webflow、ycode等平台,SEO功能已內建當中。只要寫好文章,提供足夠內容,自然就能做好SEO效果。
但是,假如你是採用香港IT公司自行撰寫的網頁系統,或是Wordpress系統,就要注意SEO功能是否正常運作。
我們曾經見過一些受資助項目的網站,三年都無法正常上線,在Google亦完全查不到。
當我們檢查網站時,竟發現網站的SEO插件未有開啟,導致網站根本無法被搜尋。
但截止我們撰寫此文時,時間已接近五年,資助合約成功續期,但網站仍然未有上線,這就不是插件問題,而是團隊行政問題了。
稍微講遠了。
SEO功能一旦無法正常運作,代表目標服務對象無法透過Google與Yahoo搜尋到網頁內容。毫無疑問,這樣的結果就是損失大量自然流量,設計好的網頁亦失去作用。
自然流量的威力:NGO網站半年接近40萬次瀏覽
「自然流量 Organic Traffic」對應「付費流量 Paid Traffic」,意思是讀者按關鍵字找到你的網頁,過程不包括任何廣告費,純粹靠讀者搜尋意欲而生。
NGO在SEO領域中具有天賦優勢,就是「.org」域名。

香港NGO登記「.org」域名後,在Google與Yahoo演算法中排位較「.com」或「.hk」高,亦能獲得更多自然流量。
天賦如此,亦要靠後天努力才能啟動。
我們靠撰寫SEO文章及完整的網頁設計,幫助一個NGO機構網頁達到接近半年超過40萬次瀏覽。

NGO團隊怕無人關注,亦怕太多人關注,導致服務供不應求,幸好這個項目屬於公眾倡議項目,流量自然多多益善。
假如你是針對特定用戶群體,或提供較專門服務,自然流量會相對較少,但亦代表被吸引到的流量 都是高度關聯的組別。
SEO策略較複雜而多變,我們亦會按實際情況與機構溝通,讓網站設計與域名管理配合營銷策劃來實現更大效益。
獲取到流量後,下一步就要思考該如何轉換成後續行動:成為義工?捐款?接受服務?我們又回到核心營銷目標了。
從案例中學NGO網站設計
我們不愛講理論,皆因想法跟不上實際變化,倒不如直接學習出色例子,才能更快上手。
但與其學習,亦可以與Adsupervisor團隊合作,將NGO網站變得更有效用,提升機構轉換率。
歡迎聯絡Adsupervisor團隊作NGO營銷策劃,除了網站設計外,我們亦會提供品牌營銷、社交媒體營銷、報告設計等服務。
不止創意,我們著眼計劃成效
無論是計劃書列明卻無法達到的KPI,還是你期望為機構與項目帶來實質改變,
我們透過營銷策劃與宣傳工具,在短期內帶來實質可見的成效。

有效聚集新舊追蹤者注意。
貼文與Reel 我們與天拉吧團隊共同努力,
在短短半年內製作出數量與質素驚人的貼文與 Instagram Reel。

播放 在Facebook 與 YouTube上共同發佈,全平台獲得超過60萬次以上播放。
成功「點燃」觀眾期望互動支持的想法,擴大分享成效。

增加200名
追蹤者 我們不但提升知名度,更為NGO提升追蹤者的留存率。
將創想與故事帶回社區
複雜的設計工夫由我們承擔,社區建設與服務由你們負責。
營銷與設計,我們都能做到。
我們不只是一個 Vendor,更是一位合作夥伴。無論是協助撰寫計劃書報價,到最終報告設計,皆可一併協助。
彈性合約期,彈性合約條款,按機構需求制定報價內容與報價單數量,最長可提供長達三年服務協議,涵蓋香港現時大部分資助項目要求。
有我們,不怕!
合約期內,我們歡迎NGO團隊向我們查詢任何品牌或營銷問題。
彈性合約條款。
我們一力承擔。
歡迎向團隊詢問
任何營銷相關問題。
不止美觀
專為NGO策劃的營銷策略
Adsupervisor 憑藉多年營銷經驗,為香港非牟利機構提供數碼營銷服務。
.png)