非營利網站的 8 個設計技巧

在輔導中心幫助孩子們完成家庭作業。 在八月中旬炎熱的天氣里為一位老年人的夏季午餐提供餐飲服務。 在集體之家的冰激凌社交活動中，用所有的調味品來澆頭聖代。 在需要耐心和辛勤工作的所有時間裡，志願服務確實得到了比付出更多的回報——那種成就感、行善的感覺是首屈一指的。

雖然捐贈和志願服務很棒，但如果您的網站不敦促訪問者採取下一步行動，您的組織將無法獲得所需的幫助。 由於今天大多數人在線研究而不是在報紙上閱讀非營利組織的活動，因此您的網站必須將訪問者轉化為支持者。 以下是如何做到這一點，並使用來自實際非營利組織的示例來說明我的觀點。

我特意跳過了一般的 UX 最佳實踐，例如如何創建易於導航的菜單。 相反，我談論的是非營利特定的數字技術。 我們的博客上有很多與網頁設計相關的文章，例如如何對您的 WordPress 網站進行 UX 審核和每個網頁設計項目都應遵循的 10 條優秀 UI 設計規則。

1. 突出你的使命。

正如非營利組織有目標一樣，非營利網站也有目標——您的網站必須闡明兩者。 您的非營利組織的使命是什麼，您想通過您的網站完成什麼？ 您的網站訪問者應該採取的下一步是什麼？ 當您訪問代表兒童和青年倡導者的 ACY 網站時，您會立即知道他們的工作：

在 Beyond Bars Animal Rescue 網站上，他們希望您下一步做什麼是顯而易見的，而且他們有多種選擇，您可以選擇想要提供的支持類型：

此外，您的網站不應該只是廣泛地談論這個問題。 相反，請解釋您的非營利組織希望改進或解決的問題的具體部分。 重點在哪裡？

2. 擁抱視覺敘事。

您的非營利組織的使命應該指導您的內容。 如果您幫助資助教育，請收集學生及其家長的推薦信。 保護動物的非營利組織可以使用可愛的小狗圖片。 你不想把你的使命推到人們的喉嚨裡，但你確實想從他們看到你的主頁的那一刻起就清楚你做了什麼。 視覺效果也能迅速吸引人們的情緒，它們是鼓勵支持者採取行動的快速方式。

乳腺癌行動的主頁滑塊上有最近一次活動的照片，這是一種向志願者展示參與方式的快速方式：

3. 利用內容讓您的支持者參與進來。

您的網站應立即回答兩個問題：

• 訪客接下來應該做什麼？
• 這將如何幫助做出改變？

Polaris 有三個最重要的號召性用語，為您提供三種參與方式：

交互式網站也很棒，視頻內容可以在一分鐘內壓縮大量信息。

與氣候變化作鬥爭的 Power Shift 有一張交互式地圖，可以顯示哪些地方有團體反對化石燃料項目——默認情況下，哪些地方需要團體。

實現你的夢想有一個“你是哪個 Shero？” 測驗 (Shero = She + Hero) 幫助您確定……某事。 它既可愛又有趣，但它可能更短（只需點擊 16 個按鈕），並且更清楚地了解您從中得到了什麼。 不過，它是互動的，只要回答問題，你就會覺得對非營利組織有更多的投入。

還要確保展示您的非營利組織是如何產生影響的——例如，使用受到積極影響的人的故事，展示志願者在行動中的視頻或提供有關您的組織所做更改的統計數據。

4. 方便遊客捐款。

非營利組織靠籌款生存，因此您的網站應該有一種清晰而簡單的方式來收集捐款。 綠色和平組織在其主頁左上角的“捐贈給綠色和平組織”捐款箱中做得很好。 它默認為“每月”，但您可以更改美元金額並選擇“單次”進行一次性捐贈。

以下是一些對捐助者友好的最佳做法：

• 無論訪問者在您網站上的哪個位置，他們都應該一鍵即可進行捐贈。 這意味著在每個頁面上放置一個捐贈按鈕或鏈接，甚至可能在多個位置。
• 準確地告訴捐贈者他們的捐贈有什麼作用。 Room to Read 是我遇到的唯一一個澄清美元金額的網站之一：



• 如果您有多個計劃或原因，請為特定活動自定義捐贈頁面。
• 創建會員登錄，以便常規捐助者可以保存他們的付款信息。 不要把它作為一項要求，這只是一個選擇。
• 提供每月自動捐贈的選項。 同樣，這不應該是一項要求——一次性捐贈仍然是慷慨和有幫助的。



• 如果您的非營利組織是匹配捐贈計劃的一部分，請確保在您的網站和捐贈頁面上清楚地說明這一點 - 如果某些捐贈者知道他們的捐贈會翻倍，他們將更有可能捐贈。 （如果你不知道什麼是匹配的禮物，這個網站有一個很好的概述。）
• 不要忘記捐贈者的“謝謝”頁面！ 它不僅應該包括衷心的“謝謝”，而且還可以包含有關您的非營利組織的影響的故事或指向頂級博客文章或新聞報導的鏈接。

監獄獎學金的主頁在最頂部有一個對時間敏感的捐贈按鈕。 它準確地告訴您他們需要什麼以及如何幫助他們，並​​對其設置了時間限制，以便捐助者立即行動而不是等待。

5. 志願服務也應該很簡單。

為某些組織提供志願服務時必須跳過的障礙是瘋狂的——即使學習誌願服務並與某人取得聯繫以獲取信息也很麻煩。 非營利網站應該讓志願者更容易找到有關可用機會以及如何參與的信息。

此外，嘗試提供各種志願者機會。 不在您的非營利組織附近或沒有時間親自做志願者的人可能仍然可以在線提供幫助。 營銷人員可以提供他們的服務，任何知道如何使用計算機或社交媒體的人都可以幫助招募或傳播信息。 如果您有靈活的志願者機會，您將為更多志願者打開大門。

6. 提供選擇加入時事通訊的選項。

如果您的非營利組織涵蓋幾個不同的問題或提供多個計劃，您的時事通訊選擇加入應該讓訂閱者選擇他們想要更多信息的內容。 您的自動歡迎系列可以簡要提及他們沒有選擇加入的類別，並讓他們有機會更新他們的訂閱設置。 Make-A-Wish 通過讓您選擇接收所有電子郵件或僅接收有關您當地分會的信息，以很小的方式完成此操作。

還有一些其他方法可以細分訂閱者，例如捐贈者與非捐贈者； 捐贈歷史（例如捐贈水平）； 地點; 和志願者類型。 這也將幫助您創建支持者角色以進行更有針對性的營銷。

這是一個重要的結論：支持者傾向於以同樣的方式支持。 這意味著，如果他們捐贈但不做志願者，請鼓勵他們再次捐贈——你會浪費時間讓他們做志願者。 如果他們親自與您的非營利組織聯繫，請告訴他們即將舉行的活動，但不要期望在網上與他們互動。 如果他們表示對其他類型的支持感興趣，那很好，但除此之外，他們已經向您展示了他們更喜歡支持的方式，您應該繼續按照他們的條件與他們會面。

7. 建立一個適合移動設備的網站。

許多人導航到您的網站時已經知道他們想要做什麼——了解更多信息、捐贈或志願服務。 即使他們在小屏幕上，他們也應該能夠立即找到這些信息。

當涉及到您在折疊上方使用的圖像時，它應該是水平的，並且不能太大（即太長）。 一半圖像和一半信息的標題意味著用戶在小屏幕上查看您的非營利網站將不必滾動、滾動、向下滾動以獲取信息。 St. Jude 有一個出色的移動網站，您想首先看到的所有信息都在頂部，足夠大，可以閱讀和點擊：

8. 利用社交媒體營銷。

捐贈“謝謝”頁面應包含“我捐贈了！” 捐贈者可以在他們的社交媒體上分享的徽章（不要忘記分享鏈接）。 他們可以因支持一項偉大的事業而受到稱讚（伙計們，想要一點點榮譽並沒有錯），您的非營利組織可以擴大其影響範圍。 美國癌症協會有許多“生命接力”徽章：

最後的想法

為您的組織創建一個非盈利網站是必須的——這是潛在捐助者、支持者和志願者想要了解更多信息時前往的地方。 如果設計得當，您的網站可以提高知名度和籌款。

人們希望感覺自己有所作為，而您的網站可以向他們展示他們的行為如何帶來改變。 在他們捐贈或志願服務之前和之後，您的非營利網站必須在雙方都吸引他們。 當支持者覺得他們很重要時，他們將來更有可能再次給予。

準備好獲得更多捐款或志願者了嗎？ 您還需要閱讀這篇文章：如何使用 Divi 和 GiveWP 創建一個捐贈星期二登錄頁面。

精選圖片來自矢量女神/shutterstock.com