世界中のどこからでも寄付者があなたの団体をオンラインで見つけることができます。 非営利 Web サイトはあなたの使命の顔であり、訪問者があなたの理念を支持する行動を起こすように導く第一印象を与える機会です。
当社の寄付者動向レポート「Why America Gives」によると、寄付者の 60%が、慈善団体に代わって寄付や募金を行う前に、非営利団体の Web サイトにアクセスしてリサーチを行う可能性が最も高いと回答しています。
おそらくすでに Web サイトをお持ちかもしれませんが、それがサポーター、パートナー、役員、潜在的な従業員の関心を確実に動かすにはどうすればよいでしょうか? そこでこの投稿が役に立ちます。
以下では、非営利 Web サイトの優れた 5 つの例と、それらの Web サイトの特徴を詳しく説明します。
優れた非営利ウェブサイトの簡単な構造
まずは、非営利 Web サイトの特徴を説明しましょう。
印象を与えます
ユーザーエクスペリエンスがすべてです。 気候変動についてもっと知りたいと考えている好奇心旺盛なインターネット ブラウザや、友人があなたの新しいプログラムについてシェアした Instagram のストーリーからあなたのサイトをクリックする熱烈な支持者を想像してみてください。
非営利 Web サイトの訪問者は、どこからでも、あらゆるプラットフォーム、ブラウザー、デバイスを使用してアクセスできます。 ホームページに到達するまでのさまざまな経路を考慮すると、誰にとってもスムーズなエクスペリエンスを作り出すことができます。 余分に 1 回クリックしたり、紛らわしい CTA (CTA) を実行したりすると、他のユーザーを検索させるのに十分な場合があります。 だからこそ、ボタンの色やフォントなどの細部が大きな違いを生みます。
また、人々を歓迎する Web サイトのコンテンツとビジュアルについても考慮してください。
- 彼らが最初に目にしたもの、読んだものは何でしょうか?
- あなたが何をしているのか、そしてなぜ彼らがそれに参加したいのかはすぐにわかりますか?
Web サイトでは、利用可能な最高のインフォグラフィック、ビデオ、画像、デザイン要素を使用できます。
あなたのストーリーを語ってください
あなたのミッションが存在する理由とそれがもたらす影響を示すために、最も本物で共感できる方法であなたのストーリーを語るべき時が来ました。
簡単なナビゲーションと全体的に最高のユーザー エクスペリエンスを確保するには、ホームページから「概要」セクションやプログラムの概要に至るまで、すべてに一貫性を持たせる必要があります。
どんなに美しく書かれた Web ページであっても、あまりにも圧倒的な場合は読まれない可能性があります。 各ページの最も重要な情報について考えてから、一度に 1 つの見出しやセクションに目を引くようなタイポグラフィーやスタイルを検討してください。
明確な行動喚起を提供する
訪問者をもっと知りたいと思わせることができたので、訪問者の中につながりと目的の感覚を生み出しましょう。 非営利ウェブサイトを成功させるための最後の要素は、寄付をしたり、ボランティア活動に参加したり、募金活動に参加したり、今後のイベントに参加したり、作品を共有したりすることで、その感情に対処するための明確な方法を提供することです。
すべての Web ページには、明確で、その前にあるものと関連性のある独自の CTA を含める必要があります。 それは、ホームページ上の最も重要な CTA から始まり、興味を素早く獲得し、訪問者を目的の場所に誘導します。
多くの非営利団体にとって、合理化されたオンライン寄付フォームやタイムリーな寄付ページは、訪問者が取ることができる最も価値のある行動です。 行動を起こす準備ができていない人のために、ソーシャル メディアのリンクと連絡先情報を含めて、常に最新情報を入手できるようにします。
寄付ボタンのベスト プラクティスを参照してください。
5 つの非営利 Web サイトの例から学ぶ
優れた非営利 Web サイトの構造を念頭に置いたところで、これら 5 つの例は、すべてを組み合わせるとどのようになるかを示しています。
1.さらら財団
Sarara Foundation のミニマルな配色と落ち着いた Web デザインは、そのストーリーに命を吹き込み、支援者がコミュニティに参加するよう促します。
印象を与えます
サイト訪問者は、インパクトのある言葉で補完されたシンプルなビジュアルにアクセスして歓迎します。 この言語は思慮深く説明的でありながら、スクロールして読み進めるのに十分な簡潔さを保ち、人々がもっと知りたくなるようにしています。
物語を語る
ウェブサイトのナビゲーション メニューに明確な「Our Story」セクションがあり、訪問者の好奇心を引き出します。 このタブ内で、ユーザーはサララ財団のストーリーやその他の教育リソースに没頭できるビデオを視聴することが推奨されます。
テキストとビジュアルの美しい組み合わせが第一印象に続き、広大な生物多様性を保全し、ひいては先住民コミュニティに繁栄と機会を生み出す組織の取り組みについて潜在的な支持者に教えます。 非営利 Web サイトのデザインは、訪問者が閲覧する他のすべてのページと一貫性を保っています。
明確な行動喚起を提供する
Web サイトのどこからでも、訪問者は明確な「寄付方法」ボタンを参照して、埋め込まれた柔軟な寄付フォームをすぐに使用できるページに誘導できます。 興味のあるサポーターは、提案された寄付金額に基づいて影響力のある 1 回限りの寄付を完了したり、クリック数で影響力を強化するために組織と毎月の寄付プログラムを開始したりできます。
埋め込み型寄付フォームを有効にしている Classy の顧客は、定期的に業界平均の2 倍の寄付コンバージョン率を達成していることをご存知ですか?
2.ジャストワンインターナショナル
Just One International は、その使命を共有し、新たな寄付者を惹きつけるために、色と創造的なビジュアルに満ちた Web サイトの例を紹介します。
印象を与えます
この組織の Web サイトで訪問者が最初に目にするのは、さまざまなコミュニティ指向のプログラムを通じて、訪問者がつながり、支援に興味を持つことができる画像が注意深く配置されていることです。
物語を語る
ユーザーがページに入ると、Just One International の活動から恩恵を受けている人々のストーリーに没頭し続けるよう促されます。 大胆なヘッダーと意図的な空白により、非営利団体が強調したいキーワードやプログラムに目を引きます。 また、ページに自然な言語を取り入れ、新しい視聴者が Web サイトに留まる動機となるよう、体験談を強調表示します。
明確な行動喚起を提供する
訪問者が Just One International が何であるかを理解し始めると、その意図に基づいて行動を起こすためのいくつかの方法が提供されます。 サポーターは、スポンサーになったり、チームに寄付したり、ソーシャル メディアや非営利のニュースレターを通じてフォローすることを選択したりすることができます。 選択肢が非常に多いため、人々が自分にとって最も快適なペースで組織での経験を続ける機会が増えます。
3.慈善事業：水
Charity:water の Web サイトは、アクセスするために使用するデバイスに関係なく、初めて立ち寄るすべての人、または再び寄付するために戻ってくる人を対象としています。
印象を与えます
訪問者がアクセスする最初のページから、力強い画像、組織の影響に関する明確な説明、そしてそれに貢献するための寄付フォームが表示されます。 このウェブサイトはモバイルにも対応しているため、サポーターは数回スクロールするだけで必要なものを見つけることができます。
物語を語る
第一印象を超えて、charity:water はウェブサイト訪問者にその取り組みを定量化し、きれいな水を支援するための多くのプロジェクトの背後にある意味を説明するためのかなりの数字を提供します。 多くの浄水団体の中でも、この非営利団体は、その使命を中心に構築された受益者と成果を通じてそのストーリーを語り、それを目を引くインフォグラフィックで共有しています。
明確な行動喚起を提供する
第一印象からメインの寄付サイトに至るまで、サポーターは常に数秒以内に寄付を完了できます。 また、毎月の寄付プログラム、特別プロジェクトへの企業スポンサーシップ、暗号通貨の寄付などを通じて参加するための多くのオプションもあります。 その後に可能なさまざまなアクションが、どこにいてもあらゆるドナーに対応します。
4.セカンドハーベスト・マディソン
Second Harvest Madison の Web サイトは、大胆なビジュアル、力強いストーリーテリング、人間味のある雰囲気のバランスをとった傑出した例です。
印象を与えます
訪問者は、セカンド ハーベスト マディソンについて数秒で理解でき、その後に非営利団体の使命をたった2 つの力強い言葉で表す太字のテキストが表示されます。 赤い寄付ボタンはすぐに注目を集め、興味を引きます。
物語を語る
物語は、コミュニティ フード バンクとしての活動を通じたこの組織の影響力を誇らしげに示しながら続きます。 自信に満ちた断定的な言葉遣いは、参加する機会にますます興味をそそられ、大きな影響をもたらすと期待できる組織を見つけたということを訪問者に伝えます。
明確な行動喚起を提供する
思慮深い言葉は、サポーターの好みに基づいてさまざまな方法で参加するよう引き続き促します。 訪問者は、組織を代表してピアツーピアの募金活動で重要な行動を起こすことも、電子カードから参加を開始することもできます。
5.グレーターボストンフードバンク
グレーター ボストン フード バンクは、困っているコミュニティを支援したいという気持ちと、その感情にマッチするブランディングと言語を組み合わせています。
印象を与えます
紫という柔らかい色の選択は、このウェブサイトでの新しい訪問者の体験への扉を開き、組織の使命がいかに重要であるかを示す若い受益者のビジュアルと組み合わされています。 「参加してください」という呼びかけが書かれた大きな赤いボタンもあり、訪問者にくつろぎを与えています。
物語を語る
訪問者がスクロールを開始すると、このフードバンクがボストン地域で話題を呼んでいる理由がすぐにわかります。 ミッションは明確であり、影響を受ける特定の領域に指定された設計ブロックがそれをさらに一歩進めて説明します。
明確な行動喚起を提供する
思慮深い言葉は、サポーターの好みに基づいてさまざまな方法で参加するよう引き続き促します。 訪問者は、組織を代表してピアツーピア募金活動で重要な行動を起こすことも、電子カードから参加を開始することもできます。
非営利ウェブサイトに関する 5 つの簡単なリマインダー
ここでは、Web サイトの作成または再考を検討している非営利団体向けの最後のヒントをいくつか紹介します。
- コーディングやグラフィック デザインのスキルがなくても、夢の Web サイトを構築できるテンプレートを提供する WordPress などの Web サイト ビルダーを活用してください。
- 検索エンジン最適化 (SEO)に重点を置き、すでにあなたの作品に興味を持っている Web サイトに新しいトラフィックをもたらします。
- 最新の募金テクノロジーを活用して、寄付者ファーストのエクスペリエンスを備えた Web サイトの外観と雰囲気に一致する寄付ページを設定できます。
- 非営利団体向けの Canvaなどのツールを使用して、Web サイトのデザイン、ビデオ、アニメーション、画像、ブランディングに命を吹き込み、サポーターの共感を呼ぶ斬新な外観を思い描いてください。
- ウェブサイトを非営利マーケティングアプローチのハブにして、寄付者のための完全なエクスペリエンスを構築します。
Classy でウェブサイト体験を完成させましょう
第一印象から取引完了まで、新しいサポーターに思い出に残る体験を提供することにインスピレーションを得ていただければ幸いです。 Classy の募金ツールはあなたの Web サイトを補完し、好奇心旺盛な訪問者を寄付体験に導き、あなたの大義へのつながりを感じさせます。 モバイルに最適化された寄付フォームと最新の埋め込み寄付モーダルを使用すると、Web サイト訪問者を簡単に寄付者や支援者に変える最も簡単な方法が得られます。
Feeding San Diego のような組織が、 Classy 埋め込み寄付フォームから44% のコンバージョン率を達成した方法と、無料のデモで結果を確認し始める方法をご覧ください。
Classy でウェブサイト体験を完成させましょう