非営利ウェブサイトの8つのデザインのヒント

家庭教師センターで子供たちの宿題を手伝います。 高齢者の夏の昼食会のために8月中旬の暑さの中でケータリング。 グループホームのアイスクリームソーシャルですべての固定具を使ってサンデーをトッピングします。 常に、忍耐と努力が必要ですが、ボランティアは本当に必要以上の恩恵をもたらします。その達成された、より良い気持ちは誰にも負けません。

寄付やボランティア活動は素晴らしいものですが、ウェブサイトが訪問者に次のステップへのステップを促すものでなければ、組織は必要な支援を得ることができません。 今日、ほとんどの人が非営利団体のイベントについて紙で読む代わりにオンラインで情報収集しているため、ウェブサイトは訪問者をサポーターに変える必要があります。 これが私のポイントを説明するために実際の非営利団体からの例でそれを行う方法です。

簡単にナビゲートできるメニューを作成する方法など、UXの一般的なベストプラクティスを意図的にスキップしました。 代わりに、私は非営利団体固有のデジタル技術について話します。 私たちのブログには、WordPressサイトのUX監査を実行する方法やすべてのWebデザインプロジェクトで従うべき優れたUIデザインの10のルールなど、Webデザイン関連の記事がたくさんあります。

1.あなたの使命を強調します。

非営利団体が目標を持っているのと同じように、非営利団体のWebサイトも目標を持っています。そして、あなたのWebサイトは両方を明確にする必要があります。 あなたの非営利団体の使命は何ですか、そしてあなたはあなたのウェブサイトを通して何を達成したいですか？ あなたのウェブサイトの訪問者が取るべき次のステップは何ですか？ Advocates for Children andYouthの略であるACYWebサイトにアクセスすると、彼らが何のために働いているかがすぐにわかります。

Beyond Bars Animal Rescueサイトでは、次に何をしてほしいかがすぐにわかります。また、提供するサポートの種類を選択できるオプションがあります。

また、あなたのウェブサイトは問題について広く話しているだけではいけません。 代わりに、非営利団体が改善または解決したいと考えている問題の特定の部分を説明してください。 焦点はどこにありますか？

2.視覚的なストーリーテリングを採用します。

あなたの非営利団体の使命はあなたのコンテンツを導くべきです。 教育への資金援助をする場合は、生徒とその保護者からの推薦状を集めてください。 動物を保護する非営利団体は、愛らしい子犬の写真を使用できます。 あなたは自分の使命を人々の喉に押し付けたくはありませんが、彼らがあなたのホームページを見た瞬間からあなたが何をしているのかを明確にしたいのです。 ビジュアルはまた、人々の感情にすばやくアピールし、サポーターに行動を促すための迅速な方法です。

Breast Cancer Actionのホームページスライダーには、最近のイベントの写真があります。これは、参加することがどのように見えるかをボランティアに示す簡単な方法です。

3.コンテンツを活用してサポーターを巻き込みます。

あなたのウェブサイトはすぐに2つの質問に答えるべきです：

• 訪問者は次に何をすべきですか？
• それはどのように変化をもたらすのに役立ちますか？

Polarisには、3つの行動を促す召喚状があり、参加するための3つのオプションがあります。

インタラクティブなウェブサイトも素晴らしく、ビデオコンテンツは多くの情報を1分に詰め込むことができます。

気候変動と戦うパワーシフトには、化石燃料プロジェクトに反対するグループがどこにあるか、そしてデフォルトではグループが必要な場所を示すインタラクティブマップがあります。

Live Your Dreamには「あなたはどのヒーローですか？」があります。 何かを判断するのに役立つクイズ（Shero = She + Hero）。 かわいくて楽しいですが、もっと短く（16個のボタンを押す）、何が得られるかがはっきりしている可能性があります。 ただし、インタラクティブであり、質問に答えるだけで、非営利団体への投資が少し増えたように感じます。

また、非営利団体がどのように影響を与えたかを紹介するようにしてください。たとえば、プラスの影響を受けた人々の話を使用したり、活動中のボランティアの動画を紹介したり、組織が行った変更に関する統計を提供したりします。

4.訪問者が簡単に寄付できるようにします。

非営利団体は募金活動で生き残るため、ウェブサイトには寄付を集めるための明確で簡単な方法が必要です。 グリーンピースは、ホームページの左上にある「Give to Greenpeace」募金箱で、これで素晴らしい仕事をしています。 デフォルトは「毎月」ですが、金額を変更して「シングル」を選択すると、1回限りの寄付になります。

ドナーに優しいベストプラクティスを次に示します。

• 訪問者は、Webサイトのどこにいても、寄付できるようになるまで常にワンクリックである必要があります。 つまり、寄付ボタンやリンクをすべてのページに、場合によっては複数の場所に配置することを意味します。
• 寄付者に寄付の内容を正確に伝えます。 ルーム・トゥ・リードは、私が出会った唯一のWebサイトのひとつで、違いを生む金額を明らかにしています。




• 収集するプログラムや原因が複数ある場合は、特定のキャンペーンに合わせて寄付ページをカスタマイズしてください。
• 定期的な寄付者が支払い情報を保存できるように、メンバーログインを作成します。 これを要件にするのではなく、単なるオプションです。
• 自動毎月の寄付のオプションを提供します。 繰り返しになりますが、これは必須ではありません。1回限りの寄付は依然として寛大で役に立ちます。



• 非営利団体がマッチングギフトプログラムの一部である場合は、ウェブサイトと寄付ページでその旨を明確にしてください。寄付が2倍になることを知っていれば、寄付する可能性が高くなります。 （お揃いのギフトがわからない場合は、このWebサイトの概要をご覧ください。）
• 寄付者の「ありがとう」ページを忘れないでください！ 心からの「ありがとう」を含めるだけでなく、非営利団体の影響についてのストーリーや、トップのブログ投稿やニュース報道へのリンクを掲載することもできます。

Prison Fellowshipのホームページの最上部には、時間に敏感な寄付ボタンがあります。 それは彼らが何を必要とし、どのように彼らを助けるかをあなたに正確に伝え、そしてそれはドナーが待つ代わりに今行動するようにそれに時間制限を課します。

5.ボランティアも簡単でなければなりません。

一部の組織でボランティアをするために飛び越えなければならないフープはワイルドです。ボランティアについて学び、情報を得るために誰かと連絡を取ることさえ、面倒な場合があります。 非営利のウェブサイトは、ボランティアが利用可能な機会と参加方法に関する情報を簡単に見つけられるようにする必要があります。

さらに、さまざまなボランティアの機会を提供するようにしてください。 あなたの非営利団体の近くにいない人や、直接ボランティアをする時間がない人でも、オンラインで支援できる可能性があります。 マーケターは彼らのサービスを提供することができ、コンピューターやソーシャルメディアの使い方を知っている人なら誰でもその言葉を募集したり広めたりするのを手伝うことができます。 柔軟なボランティアの機会があれば、より多くのボランティアへの扉が開かれます。

6.ニュースレターのオプトインのオプションを提供します。

非営利団体がいくつかの異なる問題を扱っているか、いくつかのプログラムを提供している場合、ニュースレターのオプトインにより、購読者は詳細情報が必要なものを選択できます。 自動化されたウェルカムシリーズでは、オプトインしなかったカテゴリについて簡単に説明し、サブスクリプション設定を更新する機会を与えることができます。 Make-A-Wishは、すべての電子メールを取得するか、ローカルチャプターに関する情報のみを取得するかを選択できるようにすることで、これを小さな方法で実行します。

サブスクライバーをセグメント化する方法は他にもいくつかあります。たとえば、ドナーと非ドナーなどです。 寄付の履歴（寄付レベルなど）。 位置; とボランティアタイプ。 これは、よりターゲットを絞ったマーケティングのためのサポーターペルソナを作成するのにも役立ちます。

重要なポイントは次のとおりです。サポーターは同じようにサポートする傾向があります。 つまり、彼らが寄付したがボランティアをしなかった場合は、もう一度寄付するように勧めてください。彼らにボランティアをさせようとして時間を無駄にすることになります。 彼らがあなたの非営利団体と直接つながる場合は、今後のイベントについて伝えますが、それ以外の方法でオンラインで参加することは期待しないでください。 彼らが他の種類のサポートに興味を示した場合、素晴らしいですが、そうでなければ彼らは彼らがどのようにサポートすることを好むかをあなたに示しました、そしてあなたは彼らの条件で彼らに会い続けるべきです。

7.モバイルフレンドリーなウェブサイトを構築します。

多くの人々は、彼らが何をしたいのかをすでに知っているあなたのウェブサイトにナビゲートしようとしています–詳細を学び、寄付するか、ボランティアをしてください。 小さな画面でも、すぐにこの情報を見つけることができるはずです。

折り畳みの上で使用する画像に関しては、水平で大きすぎない（つまり長すぎる）必要があります。 半分の画像と半分の情報のヘッダーは、小さな画面で非営利のWebサイトをチェックアウトするユーザーが、情報にアクセスするためにスクロール、スクロール、下にスクロールする必要がないことを意味します。 セントジュードには優れたモバイルウェブサイトがあり、最初に見たいすべての情報が一番上にあり、読んでクリックするのに十分な大きさです。

8.ソーシャルメディアマーケティングを活用します。

寄付の「ありがとう」ページには「寄付しました！」を含める必要があります。 ドナーがソーシャルメディアで共有できるバッジ（共有リンクを忘れないでください）。 彼らは大きな目的をサポートするために背中を軽くたたくことができ（少しの信用が欲しいのは何も悪いことではありません）、あなたの非営利団体はその範囲を広げることができます。 アメリカ癌協会には、リレー・フォー・ライフのバッジがいくつかあります。

最終的な考え

あなたの組織のために非営利のウェブサイトを作成することは必須です-それは彼らがもっと学びたいときに潜在的なドナー、サポーターとボランティアが向かうところです。 うまく設計されている場合、あなたのウェブサイトは意識と資金調達を増やすことができます。

人々は彼らが違いを生むように感じたいと思っています、そしてあなたのウェブサイトは彼らの行動がどのように変化を生み出すかを彼らに示すことができます。 あなたの非営利のウェブサイトは、彼らが寄付したりボランティアしたりする前と後の両方で彼らにアピールする必要があります。 サポーターが自分たちが重要だと感じたとき、彼らは将来再び与える可能性が高くなります。

さらに多くの寄付やボランティアを得る準備はできていますか？ この記事もお読みください：DiviとGiveWPを使用してギビングチューズデーランディングページを作成する方法。

Vector Goddess /shutterstock.comによる注目の画像