迅速なリセット：なぜ非営利団体のウェブサイトは、ほとんどの理事会が認識している以上に重要なのか
例を見る前に、3つの分かりやすい事実をご紹介します。
- 初めて寄付をする人のほとんどにとって、あなたのウェブサイトは、彼らがあなたの団体と初めて出会う場所です。それはガラパーティーでも、友人のテキストメッセージでもなく、ニュース記事を読んだ後の検索です。もしそのページが「あなた方は誰で、何をしていて、私の寄付は実際にどこに使われるのか」という疑問に答えていなければ、多くの人はタブを閉じてしまいます。
- 非営利団体のウェブサイトへのトラフィックの半分以上は、現在スマートフォンからのものです。 寄付者は、コーヒーの列に並んでいる時や、夜ベッドの中で、支援する団体を調べています。モバイルで読みにくいサイトは、誰かが「寄付する」をクリックする前に、寄付を失ってしまいます。
- あなたのウェブサイトは、あなたの団体にとって事実上の信頼のシグナルです。 潜在的な寄付者は、誰かに会う前に、あなたのプロフェッショナリズム、透明性、能力について印象を形成します。明確で誠実なサイトは、明確で誠実な団体であることを示し、ごちゃごちゃしていたり曖昧なサイトは、その逆を示します。それが公平であるかどうかに関わらず。
以下の各例は、非常に異なる組織モデルにおいて、これら3つの課題の少なくとも1つを研究する価値のある方法で解決しているため、選ばれています。
4つのパターンカテゴリ — あなたの非営利団体に合ったものを選びましょう
このガイドにある12の非営利団体ウェブサイトの例は、4つのデザインパターンに明確に分類されます。各パターンは、知識へのアクセス、調査コンテンツ、危機対応、特定の人口層への提唱といった異なる根本的な問題を解決します。あなたの選択は、どのパターンが最も流行しているかではなく、あなたの団体が実際に何をしているかによって決まるべきです。
パターン | 最適な用途 | 組織例 | |
1 | 知識コモンズ（サイト自体が贈り物） | オープン知識、教育、アーカイブの非営利団体 | Wikipedia、Internet Archive、Khan Academy |
2 | 非営利ニュースルーム（調査が使命） | 公益ジャーナリズム、説明責任組織 | ProPublica、The Marshall Project、Bellingcat |
3 | 人道危機対応 | 災害救援、医療援助、緊急提唱 | MSF、British Red Cross、Crisis |
4 | 特定の原因の提唱と脆弱な人々 | LGBTQ、メンタルヘルス、教育資金、食料安全保障 | The Trevor Project、DonorsChoose、Trussell Trust |
以下の12の非営利団体ウェブサイトの例は、これら4つのグループに分類されています。あなたの仕事に最も近い行を選び、それに合う方法を参考にしてください。
パターン1：知識共有 — ウェブサイトそのものが寄付の対象である場合
このカテゴリは、標準的な優れた非営利団体ウェブサイトのリストではほとんど注目されず、この分野で最も見過ごされている非営利団体ウェブサイトの例の一つです。製品がウェブサイトそのものである場合、つまり寄付者が別のプログラムではなく、彼らが利用している実際のデジタルインフラに資金を提供している場合、ホームページは典型的な慈善団体とは異なる役割を担います。訪問者がすでに無料で利用しているものに対して、その価値を訴える必要があります。
1. Wikipedia / Wikimedia Foundation — 世界で最も成功したバナーによる寄付依頼
パターン：百科事典のフロントエンド + 定期的な文脈内寄付バナー + 透明性のための独立した財団サイト
Wikipediaは世界で5番目にアクセス数の多いウェブサイトであり、史上最も成功した非営利団体ウェブサイトの例の一つですが、ほとんどの訪問者はWikimedia Foundationのサイトを全く見ることはありません。彼らが見るのは百科事典であるWikipediaです。資金調達モデルは、季節的なキャンペーン中に記事の上部に表示されるバナーに基づいており、定期的な読者からの少額の寄付を求めています。バナーのコピーは、マーケティングの宣伝文句ではなく、創設者からの手紙のように読めます。Wikimedia Foundation自身のサイトは、機関投資家、ジャーナリスト、ガバナンスに関心のある訪問者が、財務報告書、政策方針、そして百科事典の背後にある法的実体を見つける場所です。
参考にすべき3つのこと：
- 異なるオーディエンスにサービスを提供する場合、製品サイトと資金調達/ガバナンスサイトを分離する。ほとんどの非営利団体は、「寄付」、「概要」、「年次報告書」、「プログラム」を1つのページに詰め込んでいます。Wikipediaは製品を前面に出し、真剣な寄付者/ジャーナリスト/規制当局を別のサイトに誘導しています。プログラムがデジタル製品である非営利団体にとって、この2サイト分割は両方のオーディエンスを明確にします。
- 文脈内寄付バナーは、独立した寄付ページよりも効果的です。Wikipediaのバナーは、読者が製品をすでに使用している場所に表示されます。関連性がコンバージョンにつながります。特定のコンテンツ（ブログ、データベース、ツール）へのトラフィックが多い非営利団体の場合、埋め込み型の寄付依頼は、人々を別の
/donateページに誘導するよりも優れています。 - 寄付の依頼は、マーケティングキャンペーンではなく、手紙のように書く。Wikipediaのバナーは署名されており（多くの場合、ジミー・ウェールズまたは他の財団のリーダーによる）、平易な一人称で書かれ、ほとんどの読者が寄付しないことを認めています。この正直さが、緊急性や罪悪感よりも良いコンバージョンにつながります。
2. Internet Archive — 図書館、ミッション、寄付ページが一体に
パターン：非営利団体の宣伝も兼ねる公共デジタル図書館のホームページ
Internet Archiveには、Wayback Machine、数百万冊のデジタル化された書籍、ビンテージソフトウェア、オーディオ、ビデオがすべて無料でアクセスできます。大規模なNGOウェブサイトの例の中でも、これは最も珍しいものの一つです。ホームページは基本的に図書館のカタログですが、永続的なナビゲーションには「検索」や「概要」と同じ視覚的重みを持つ「寄付」リンクが含まれています。これは珍しいことです。ほとんどの非営利団体は、寄付を別のページやヒーローCTAの背後に置いています。Archiveは、寄付を公共図書館が会員制度を扱うように、永続的なナビゲーション項目として扱っています。その結果、1972年の新聞を調べている訪問者が、マーケティングされていると感じることなく、帰りに5ドルを寄付するかもしれません。
参考にすべき3つのこと：
- メインナビゲーション、すべてのページ、すべてのデバイスに「寄付」リンクを設置する。多くの非営利サイトは、「参加する」や「私たちを支援する」の下に寄付を隠しています。Internet Archiveは、検索と同じくらい見つけやすくしています。寄付者は適切な心境のときに寄付します。常にその経路を表面化させましょう。
- デジタルアーカイブや図書館を持つ組織は、ホームページでカタログを公開する。寄付者が自分のお金が何を保存しているのかを推測させてはいけません。Internet Archiveのホームページは、実際に保存されている書籍、ソフトウェア、アーカイブを示しています。製品そのものが支援の理由となります。
- 教育を受けた寄付者には、慈善事業としての位置づけよりも公共財としての位置づけが効果的です。Internet Archiveのコピーは、組織を慈善事業としてではなく、「公共図書館のデジタル版」として位置づけています。寄付者が専門家、教養がある、または機関である非営利団体の場合、困難に焦点を当てた訴えよりも、公共財の枠組みに傾倒する方が優れた結果をもたらします。
3. Khan Academy — あなたの製品が1億5千万人の学習者に届くとき
パターン：プラットフォーム自体に資金を提供する、明確にマークされた独立した寄付フローを持つ無料学習プラットフォーム
Khan Academyは世界中で約1億5000万人の学習者に利用されており、主に慈善寄付によって資金提供される501(c)(3)非営利団体として運営されています。教育プラットフォームの非営利ウェブサイトの例の中でも、最も研究されている事例です。このウェブサイトの主な役割は、数学の授業、科学のビデオ、SAT対策を生徒に提供することであり、訪問者を寄付者に転換することではありません。しかし、「寄付」の経路は正直でよく設計されています。学習者あたりの費用経済学を説明する専用ページ、毎月の寄付オプション、組織の実際の予算構造を反映した寄付レベルが明記されています。重要なのは、学習体験がペイウォールで制限されたり、寄付のプロンプトによってゲートされたりすることが決してないことです。これ自体が資金調達の声明となっています。
盗むべき3つのこと：
- 寄付を促すためにサービスを制限しない。Khan Academyは、すべてのビデオに「私たちをサポートしてください」というポップアップを配置することもできます。しかし、彼らはそうしません。学習者とその保護者（その多くは何年も後に寄付者になります）との間に築かれる信頼は、短期的なコンバージョンよりも価値があります。
- 寄付ページでインパクトあたりの費用経済学を示す。Khan Academyの寄付ページでは、各寄付レベルが学習者の到達度に関してどの程度資金を提供するかを大まかに説明しています。これは、野心的な売り込みよりも信頼性が高く、寄付者が金額を選択するための枠組みを提供します。
- 毎月の寄付には独自の視覚的なトラックが必要。Khan Academyは、毎月の定期的な寄付を、一度限りの寄付と同等かそれ以上の視覚的重みで表示しています。定期的な寄付者は、非営利団体にとって最も価値のある獲得であり、ウェブサイトはそのことを反映すべきです。
パターン2：非営利ニュースルーム — 調査がプログラムである場合
これは、標準的な非営利ウェブサイトの例のまとめがほとんど完全に無視している別のカテゴリーです。公共の利益のためのジャーナリズム非営利団体で、そのプログラム全体が彼らが作成する報道である場合です。これらのサイトは慈善団体というよりもニュースルームのように見え、これらの非営利ウェブサイトの例から得られるデザインの教訓は、主要な成果物が研究、レポート、またはコンテンツであるあらゆる非営利団体に適用できます。
4. ProPublica — ニュースルームのように見える501(c)(3)団体、なぜならそれがニュースルームだから
パターン：フッターにミッションの枠組みがあり、寄付が恒久的な二次CTAとして機能する調査報道ニュースルームのホームページ
ProPublicaは、ピューリッツァー賞を受賞した調査ジャーナリズムの非営利団体であり、公共の利益のためのジャーナリズム分野で最も特徴的な非営利ウェブサイトの例の一つです。ホームページは、慈善団体というよりもThe New York Timesのように構成されています。リードストーリーがファーストビューにあり、二次的なストーリーがその下のカードに、セクションは担当分野（健康、政治、司法、気候）ごとに整理されています。「寄付」ボタンはヘッダーにありますが、目立ちません。「概要」とミッションの枠組みは意図的に控えめです。支援を求める根拠となるのは、仕事そのものです。これは、ミッションステートメントを前面に出し、実際の仕事を隠しているほとんどの非営利団体のホームページとは逆です。
盗むべき3つのこと：
- プログラムがコンテンツを制作するなら、出版物のようにデザインする。ほとんどの非営利サイトは、「最新ニュース」サイドバー付きのパンフレットです。ProPublicaは、控えめな寄付の要請がある出版物です。コンバージョンは、読者が仕事に感銘を受けることによって生じ、要請されることによってではありません。
- 読者体験を第一に、寄付の売り込みは第二に。ProPublicaの最も読まれている記事は、全ページ表示、ゆったりとしたタイポグラフィ、埋め込みデータビジュアライゼーションが施されています。寄付のプロンプトは、読者が価値を体験した後、記事の最後に表示されます。この順序付けは、事前の要請よりも劇的に優れた結果をもたらします。
- 再公開とクレジットは配布戦略である。ProPublicaは、その報道をCreative Commonsの下で、あらゆるニュースルームが再公開できるように明示的にライセンスしています。各再公開には、「ProPublicaは非営利のニュースルームです...」というフッターが付いており、これは小さな非営利団体が求めることができる最も効果的な認知度向上策です。コンテンツがあなたのプログラムであるなら、帰属表示を付けて提供しましょう。
5. The Marshall Project — 単一の問題に焦点を当て、美しく実行
パターン：強力な編集アイデンティティと明確な非営利の枠組みを持つ刑事司法ニュースルーム
The Marshall Projectは、米国の刑事司法制度という一つの分野をカバーしており、そのデザインはその焦点を反映しています。単一問題の非営利ウェブサイトの例の中でも、編集規律の傑作と言えます。力強いセリフ書体、抑制されたカラーパレット、そして長編調査記事が息づく編集レイアウトです。フッターには非営利の枠組みが示されています。「私たちは非営利のニュース組織です。私たちの活動を支援してください」という明確なメッセージと寄付のCTAがあります。毎週、一つのオリジナルエッセイが届く「Closing Argument」ニュースレターは、実質的に組織のリーチエンジンであり、ホームページで目立つように表示されています。
盗むべき3つのこと：
- 単一の課題に特化した非営利団体は、多分野にわたる団体よりも強力な編集アイデンティティを構築できます。 Marshall Projectが刑事司法に焦点を当てていることで、より広範な非営利団体では達成が難しい視覚的およびトーンの一貫性が生まれています。もし活動の焦点が明確であれば、それを視覚的に前面に出しましょう。
- 特徴的なニュースレターは、最も過小評価されている非営利団体の資産です。 Marshall Projectの「Closing Argument」は、読者を毎週引き戻し、時間をかけて寄付者へと転換させるものです。コンテンツを制作する非営利団体にとって、ニュースレターはサイドバーではなく、主力製品として扱うべきです。
- 非営利団体にとって、会員ジャーナリズムは購読ジャーナリズムに勝ります。 Marshall Projectは読者に「購読する」のではなく「会員になる」よう求めています。この表現は、寄付をサービスへの支払いではなく、ミッションへの参加として位置づけています。ほとんどの非営利団体にも同じコンバージョン計算が当てはまります。寄付を帰属意識として捉えさせましょう。
6. Bellingcat — 非営利モデルとしてのオープンソース調査
パターン：調査そのものと同じくらい、その手法を説明する「どうやってやったか」セクションが中心となる調査集団
Bellingcatは、オランダを拠点とする調査ジャーナリズムの非営利団体で、オープンソースインテリジェンスを専門としています。公開されているデータ、衛星画像、ソーシャルメディアを使用して、紛争、戦争犯罪、偽情報を検証しています。国際的な非営利団体のウェブサイトの例の中でも、ユニークな追加要素として、オープンソース調査の手法を教える専用の「リソース」セクションがあります。調査自体がプログラムですが、手法セクションは次世代の研究者を育成します。「概要」ページでは、非営利の資金調達構造を明確に説明し、編集の独立性を保護するために特定の政府からの資金提供を拒否しています。
盗むべき3つのこと：
- 結果だけでなく、手法も示しましょう。 Bellingcatは、動画の検証、画像の地理位置特定、フライトデータの分析に使用する技術を公開しています。研究および調査を行う非営利団体にとって、手法の透明性は信頼性を築く最も深い形です。
- 資金源と拒否について明確にしましょう。 Bellingcatは、資金提供者と拒否する情報源（例：情報機関からの資金は受け取らない）のリストを公開しています。このレベルの透明性は、いかなる「私たちの価値観」のコピーよりも強力です。
- ワークショップ、フェローシップ、トレーニングプログラムはホームページに掲載されるべきです。 Bellingcatは世界中のジャーナリストや研究者を訓練しています。トレーニングはプログラム（ミッション）であると同時に収益源（料金）でもあります。両方を行っている非営利団体は、その提供内容を明確に提示すべきです。
パターン3：人道支援と危機対応 — ホームページが今夜変更される可能性のある場合
危機対応の非営利団体のウェブサイトの例は、ほとんどの慈善団体が直面しないデザイン上の問題を抱えています。それは、大規模な出来事が発生した際に、ホームページを30分で書き直す必要があるかもしれないということです。地震、発生、紛争の激化など、サイトは緊急対応メッセージを表面化させ、緊急寄付を受け付け、安全情報へのリンクを提供する必要があります。これらすべてを、組織の他の部門が通常のプログラムを運営している間に行わなければなりません。
7. Médecins Sans Frontières (国境なき医師団) — プレッシャー下での編集の柔軟性
パターン：危機が展開するにつれて迅速な編集更新に対応できるよう構築されたホームページを持つ多国籍人道医療非営利団体
MSFは70カ国以上で活動しており、編集主導型デザインの非営利団体のウェブサイトの例として最も広く参照されているものの一つです。これらの活動から絶え間なく流れるニュースに対応しています。ホームページは基本的に編集レイアウト（主要記事、二次カード、国とトピックのフィルター）であり、どの編集者でも数分以内に更新できます。ガザ、スーダン、ハイチの状況が変わると、ホームページはその日のうちにそれを反映します。寄付の呼びかけは常に表示されていますが、ニュースと競合することはありません。原則は「真実を伝え、人々が助けたいかどうかを決めさせる」です。MSFの国別サイト（国際版のmsf.org、米国版のdoctorswithoutborders.org、カナダ版のdoctorswithoutborders.caなど）は、ブランドを分断することなく地域ごとの編集管理を維持しています。
盗むべき3つのこと：
- マーケティングサイトではなく、編集システムを構築しましょう。もしあなたの非営利団体が急速に変化する状況に対応しているなら、CMSはエンジニアの助けなしにどの広報担当者でも更新をプッシュできるようにする必要があります。マーケティング優先のサイトは、危機対応には脆すぎます。
- 共通のアイデンティティを持つ国別サブサイト。 MSFは主要な寄付国向けに個別のドメインを維持しつつ、視覚的および編集上の一貫性を保っています。これにより、地域ごとの資金調達規制と現地語の読者に対応し、一つのサイトですべてをまかなう必要がなくなります。多国籍のNGOウェブサイトの例では、このハブアンドスポーク構造が2026年の主流パターンです。
- コンテンツのカテゴリーとして証言を捉え、マーケティング戦術として捉えない。MSFの「現場からの声」コンテンツは、現場のスタッフや患者の直接の引用やストーリーを提供しています。これは洗練されたマーケティングとは正反対であり、作り物ではないと感じられるからこそ、寄付者を獲得しています。
8. 英国赤十字社 — 長期プログラムと緊急対応の両方を運営する場合
パターン：大規模で確立された人道支援慈善団体で、デュアルモードのホームページを持つ — 通常時は定常プログラム、危機時は緊急バナー
英国赤十字社は、英国で救急車支援、難民サービス、応急処置訓練、チャリティショップネットワークを運営しており、同時に国際的な赤十字ネットワークを通じて国際的な緊急事態にも対応しています。大規模で確立された非営利団体のウェブサイトの例の中でも、定常状態と危機対応状態の両方を驚くほど優雅に処理しています。通常の日には、ホームページにはキャンペーン、ボランティア活動、応急処置のリソースが掲載されます。緊急事態が発生すると、専用の緊急アピールと寄付フローがすべてのページの上部にバナーとして表示されます。ショップと応急処置のコンテンツはアクセス可能ですが、目立たなくなります。定常状態と危機モードの切り替えは構造的なものであり、後付けではありません。
盗むべき3つのこと：
- ホームページを最初から2つのモードで設計する。危機が起こるまで緊急アピールをどう表示するかを考えないでください。テンプレートに、危機時にどの広報担当者でも数分で入力できるスロットを構築してください。
- 多チャネル収益には多チャネルの表示領域が必要。英国赤十字社は、寄付、チャリティショップ、応急処置コースの料金、政府からの契約を通じて活動資金を調達しています。ウェブサイトは、寄付だけでなく、これらのすべての収益経路を公開しています。収益源が多様な非営利団体にとって、ウェブサイトもそれに合わせるべきです。
- ボランティア募集を第一級のコンテンツとして扱う。ボランティア登録は目立つナビゲーションと明確な「内容」のウォークスルーが提供されます。ほとんどの非営利団体にとって、ボランティアは労働力であり、将来の寄付者でもあります。ボランティアの経路を後回しにしないでください。
9. Crisis (英国ホームレス支援) — 一年を通して続く季節キャンペーン
パターン：英国のホームレス支援チャリティで、クリスマスキャンペーンが年間収益の大部分を占め、ウェブサイトが季節によって変化する
Crisisは英国最大のホームレス支援チャリティであり、「Crisis at Christmas」は英国の公共生活で最もよく知られた募金キャンペーンの一つです。季節キャンペーンの非営利団体のウェブサイトの例の中でも、このサイトは11月から12月にかけて変化します。ホームページは専用のクリスマスアピールとなり、「場所を予約する」という寄付の仕組み（£X.XXでクリスマス期間中にホームレス状態の人に場所を確保する）が中心的なCTAとなり、政策コンテンツは二次的な位置に移動します。キャンペーン後、ホームページは年間を通じたプログラムと政策の枠組みに戻ります。この季節的な変化は、ほとんどの非営利団体が試みるよりも規律がとれています。
盗むべき3つのこと：
- 特徴的な季節限定の仕組みは、一般的な年末の寄付依頼よりも効果的です。「場所を予約する」という仕組みは、具体的で、特定されており、感情的に明確であるため機能します。一般的な「このクリスマスに私たちを助けてください」というアピールは、年々効果が低下しています。具体的な仕組みを考案し、それを自分のものにしてください。
- 年間を通じた政策コンテンツと季節キャンペーンは矛盾しない。Crisisは、その研究と政策活動のために英国の政策立案者から真剣に受け止められており、かつ感情的なクリスマスアピールを通じて莫大な金額を集めています。同じウェブサイトが両方を行っています。政策ページとキャンペーンページの構造的な分業を選択してください。
- ジャーナリスト向けの専用ページやメディアページは、政策の信頼性を高めます。Crisisは、引用可能な統計、専門家スピーカー、プレス担当者を備えたメディアセンターを維持しています。政策に影響を与える非営利団体にとって、これはプログラムの一部であり、マーケティングの後回しではありません。
パターン4：特定の原因の擁護と脆弱な人々 — 視聴者が危機に瀕している場合
一部の非営利団体は、差し迫った苦境にある人々、例えば自殺を考えているLGBTQの若者、フードバンクに頼る家族、物資のない教室などにサービスを提供しています。ウェブサイトの最初の仕事は募金活動ではなく、危険にさらされている人を必要な支援に安全につなげることです。以下の3つの非営利団体のウェブサイトの例は、この優先順位を正しく理解し、その上に募金活動を重ねています。
10. The Trevor Project — 安全第一、寄付は二の次
パターン：LGBTQの若者の危機介入非営利団体で、寄付よりも危機へのアクセスがより目立つように表示されている
The Trevor Projectは、米国のLGBTQの若者向けに、電話、テキスト、チャットによるカウンセリングを24時間年中無休で提供する危機サービスを提供しています。サービス主導の非営利ウェブサイトの例の中でも、他にはない厳格な優先順位を持っています。すべてのページの上部には、「カウンセラーに連絡する」バーが常に表示されており、3つの連絡方法（電話、テキスト、チャット）と、安全でない環境にいるユーザーのためのクイック終了ボタンがあります。寄付はナビゲーションにありますが、安全アクセスより上に表示されることはありません。視覚デザインは暖かく親しみやすいもので、危機を連想させるものではありません。支援が役立つ前に、玄関が安全だと感じられる必要があります。
盗むべき3つのこと：
- リスクのある人々を支援する非営利団体にとって、安全アクセスは資金調達の要請よりも優先されます。常に。例外はありません。もし誰かが危機的状況でThe Trevor Projectのサイトを訪れた場合、寄付は最も目立たない経路でなければなりません。この優先順位は道徳的かつ実践的です。
- 機密コンテンツのための「クイック終了」ボタン。家庭内暴力、LGBTQ、メンタルヘルス、移民関連の非営利団体は、サイト上で見られることを望まないユーザーを支援することがよくあります。中立的なページ（Google、天気予報など）にリダイレクトする常設ボタンは、ユーザーを保護します。虐待者、親、雇用主からの監視は現実の脅威です。
- カウンセラー優先のナビゲーション言語。The Trevor Projectは、「助けを得る」や「リソース」ではなく、「カウンセラーに連絡する」を使用しています。具体的な言語は、クリックの先に何があるかを明確に示します。直接サービスを提供する非営利団体にとって、ナビゲーションラベルはカテゴリではなく、実際のサービスを説明するべきです。
11. DonorsChoose — マーケットプレイスのように運営される非営利団体
パターン：寄付者が特定プロジェクトを閲覧・資金提供する教師の教室資金調達マーケットプレイス。Etsyのような寄付版
DonorsChooseは、米国の公立学校の教師が特定の教室資金調達の要請（「3年生用の色鉛筆16セット」、「理科室用の顕微鏡」など）を投稿し、寄付者が直接資金を提供する仕組みです。マーケットプレイスモデルの非営利ウェブサイトの例の中でも際立っており、ウェブサイトは慈善団体のホームページではなく、マーケットプレイスとして構築されています。検索フィルターは科目、学年、場所、金額で絞り込め、プロジェクトページには教師の写真、書面による要請、進捗バーが表示されます。チェックアウトでは、税控除対象の寄付とプロジェクト全体のマッチングを処理します。このモデルは、寄付者が抽象的に「教育」に寄付するのではなく、特定の郵便番号の特定の3年生の教室に資金を提供するため、効果的です。
盗むべき3つのこと：
- もしあなたのインパクトを特定のプロジェクトに分解できるなら、それをマーケットプレイスとして公開しましょう。DonorsChooseは、各教室の要請を製品ページとして扱っています。国際開発非営利団体（GlobalGiving）、動物保護施設、学用品寄付活動、災害復旧非営利団体はすべてこのパターンを利用できます。具体的なものが一般的なものに勝ります。
- 寄付ページの進捗バーは、静的な温度計よりも優れています。DonorsChooseの各プロジェクトは、どれだけ集められ、まだどれだけ必要とされているかを正確に示します。計算は具体的です。ほとんどの非営利団体のホームページにある「資金調達温度計」は抽象的ですが、プロジェクトレベルの進捗バーは具体的です。
- 受益者の写真と書面による要請は、組織のコピーよりも早く信頼を築きます。教師が自分の要請（「ニューヨーク州ブロンクスの生徒たちは…を必要としています」）を書くと、その信憑性は否定できません。受益者が自身の要請に参加できる非営利団体（適切な同意と安全への配慮のもとで）にとって、これは三人称の組織のコピーよりも優れています。
12. The Trussell Trust — 政策を基盤とする英国のフードバンクネットワーク
パターン：サービス検索ツールと本格的な政策研究部門の両方を持つ英国のフードバンクネットワーク（1,400以上のセンター）
The Trussell Trustは英国のフードバンクネットワークを運営しており、複数のオーディエンスに対応するデザインの非営利ウェブサイトの例として最も参考になるものの一つです。このサイトは2つのことを同時に行う必要があります。つまり、今すぐ食料を必要としている人が最新の営業時間で最寄りのフードバンクを見つけられるようにすることと、政策立案者、ジャーナリスト、寄付者に英国の食料不安の構造的原因について説明することです。「フードバンクを探す」ツールは郵便番号検索で、営業時間、連絡先情報、必要なものを備えた近くの場所を返します。これとは別に、政策セクションでは、福祉改革、子どもの貧困、食料不安の統計に関する独自の調査結果を公開しており、これらは英国のメディアで定期的に使用されています。2つのオーディエンス（困っている人々 / 政策立案者＋寄付者）は、ナビゲーション上で同等の重要性を持っています。
盗むべき3つのこと：
- 郵便番号/ZIPコードサービス検索は、地理的に分散している非営利団体にとって価値の高いページです。フードバンク、シェルター、無料診療所、サポートグループなど、あなたのサービスが物理的で地域に根ざしている場合は、静的なリストではなく、実際の検索ツールを構築しましょう。
- 独自のリサーチは、NPOができる最も強力な信頼性向上の手段の1つです。Trussell Trustの英国の食料不安に関する報告書は、BBC、The Guardian、そして議会によって引用されています。これにより、この組織は権威ある存在として位置づけられます。つまり、運営面で優れているだけでなく、その目的について知的に真剣であると見なされるのです。
- サービス利用者と政策立案者は、対立することなくウェブサイトを共有できます。Trussell Trustは、食料を求める人が政策コンテンツを読み進めることを強制せず、政策立案者がサービス検索コンテンツを読み進めることを強制しません。ホームページから2つの明確な経路があります。複数の対象者を持つNPOにとって、この二重経路構造は、一般的な「私たちについて」の広範な情報よりも優れています。
NPOのウェブサイトパフォーマンスを静かに低下させる5つの間違い
何百ものNPOウェブデザイン監査を通じて、これらの5つのエラーがほとんどの失敗しているNPOサイトの原因となっています。そして、初めてのクライアントのために私がレビューするNPOウェブサイトの例の約9割にこれらが現れています。
- ミッションステートメントがホームページのヒーローになっている。「私たちは、〜の推進に尽力するNPOです」という50語のブロックがファーストビューにあるのは、最も一般的なNPOホームページの間違いです。訪問者はそれを読みません。あなたが何をしているか、そして何が危機に瀕しているかを前面に出し、あなたの活動を示し、それから説明しましょう。
- 寄付が唯一のCTAであり、ページ上で最も目立つ要素になっている。初めての訪問者のほとんどは、すぐに寄付する準備ができていません。彼らは理解し、読み、見て、学びたいと思っており、後で寄付する可能性があります。「今すぐ寄付」ボタンがすべての訪問者に叫びかけるのは、まだ関心の低い層には過度な要求であり、関心の高い層には不十分なサービスです。準備度に応じてCTAを階層化しましょう。
- 一般的な受益者のストック写真。身元不明の笑顔の子供たち、食べ物を持つ手、夕日の十字架の写真は、そのNPOが語るべき独自の物語を持っていないことを示唆します。実際の人物の実際の写真（同意と尊厳をもって）は、より高いコンバージョン率をもたらし、信頼を築きます。
- 透明性のレイヤーがない。真剣な寄付者は、年次報告書、990（米国）、監査済み会計報告書（英国）、理事会リスト、および間接費率を探します。これらを隠すことは、隠すべき何かがあるという信号を送ります。財務の透明性をホームページから2クリックでアクセスできるようにしましょう。
- モバイルサイトが縮小されたデスクトップサイトになっている。NPOウェブサイトのトラフィックの半分以上はモバイルからであり、そのかなりの部分は、午後9時に携帯電話で最近の寄付への感謝メールを読んでいる高齢の寄付者です。モバイルNPOウェブサイトは、レスポンシブな後付けではなく、主要なバージョンである必要があります。
2026年における現代のNPOウェブサイトのベストプラクティス
これらの間違いを避けることに加えて、6つのことが、最高のNPOウェブサイトの例2026を他と一貫して区別しています。そして、このガイドにある12のNPOウェブサイトの例すべてに同じパターンが見られます。
- メインナビゲーションに常に「寄付」リンクがあり、ヒーローボタンだけではない。寄付者は予測不可能な瞬間に寄付を決定します。常に経路を明確にしておきましょう。
- 複数の金額、月額オプション、および明確なインパクトごとの費用枠を備えた専用の寄付ページ。一般的な寄付フォームは、各ドルが何に資金提供されるかを説明するフォームよりもパフォーマンスが低いです。
- 年次報告書、財務諸表、および990（または同等のもの）をフッターに記載。透明性のレイヤーを「私たちについて」の裏に隠さず、あらゆる場所に表示しましょう。
- 同意と尊厳をもって、実際の人物の実際の写真を使用する。ストック写真は本物ではないことを示します。実際の写真は信頼を築きます。
- デリケートな対象者向けNPOのための安全な離脱機能。訪問者が安全でない環境にいる可能性がある場合、そのための対策を講じましょう。
- メールだけでなく、マルチチャネルでの登録。メールは依然として中心ですが、SMS、WhatsApp、およびプラットフォーム固有（Facebook、Instagram）のオーディエンスは、サポーターリストに加わるための独自の経路を必要とします。
- 明確で分かりやすいNPOウェブサイトのナビゲーション。「ソリューション」や「リソース」のような曖昧なラベルは使用しないでください。クリックした先に実際に何があるかを説明するラベルを使用しましょう。「フードバンクを探す」、「カウンセラーに相談する」、「年次報告書」、「ボランティアに参加する」など。
- 適切であれば、セクター外からNPOウェブサイトのアイデアを借りる。DonorsChooseのマーケットプレイスパターンはEコマースから、ProPublicaの編集パターンはジャーナリズムから、Wikipediaの文脈内バナーは出版から来ています。最高のNPOウェブサイトのアイデアは、チームが他のNPOサイトだけからインスピレーションを得るのをやめたときにしばしば生まれます。
WegicがNPOウェブサイトをデフォルトで生成する方法
ほとんどのNPOウェブサイトビルダープラットフォームでは、他のすべてのチャリティと同じようなテンプレートから始めることになります。その結果は、上記の強力なNPOウェブサイトの例のどれともほとんど一致しません。Wegicはテンプレートを使用しません。特定の組織に関する会話からサイトを生成します。Wegicにあなたのミッション、プログラム、対象者、キャンペーンについて伝えると、AIはストックレイアウトではなく、あなたの実際の組織に合わせて形作られたサイトを生成します。
Wegicは、会話型AIウェブサイト成長システムです。テンプレートの既成レイアウトを選択する代わりに、非営利団体について説明すると、Wegicが寄付フロー、プログラムページ、ボランティア経路、年次報告書ダウンロード、レスポンシブレイアウトなど、サイトコードをゼロから作成します。
フェーズ1：AIに指示を出す
Wegicを開き、AIプロジェクトマネージャーのKimmyとチャットします。
「トロントで難民のための無料法律相談所を運営する4人体制の非営利団体のウェブサイトを作成してください。対象者は2つあります。法的支援を求める人々（受付フォームと診療時間が必要）と、寄付者とボランティア（年次報告書、プログラム説明、毎月の寄付ページが必要）です。英語に加えてフランス語も入れてください。すべてのページに安全な終了ボタンを設置してください。デザインは控えめに — 寄付者は専門家です。寄付はStripe経由で。」
フェーズ2：1分未満でAIが構築
WegicのGPT搭載エンジンがコードをゼロから作成します。60秒以内に、寄付経路がすべてのページに表示され、サービス利用者向けの明確な受付フォーム、資金提供者/ボランティア向けの個別の追跡機能、Stripeまたは同等のプロセッサに接続された毎月の定期寄付、携帯電話で最初に機能するモバイルファーストデザイン、組み込みのアクセシビリティ機能、そしてすぐに使えるSEOの基本を備えた、完全にレスポンシブな複数ページの非営利サイトが完成します。
👇 下をクリックしてWegicを始めましょう
フェーズ3：会話による編集
「11月と12月に切り替えられる年末の寄付募集バナーを追加してください。ホームページの『法的支援を依頼する』ボタンを『私たちの活動を支援する』の2倍の視覚的な重みにしてください — サービス利用者が最優先です。『ジャーナリスト向け』ページにスタッフの経歴と最新のレポートダウンロードを追加してください。」
Wegicは、適用する前に理由を添えて2〜3のデザインオプションを提案します。モバイルとデスクトップのバリアントは同期したままです。会話型編集ワークフローの詳細については、Wegicチュートリアルを参照してください。
フェーズ4：ホスティング込みで公開
公開ボタンを押します。ホスティング、カスタムドメイン、自動生成された
sitemap.xml、SEOメタデータがすべてバンドルされています。Wegicが柔軟性とデザイン品質においてテンプレートベースの非営利団体向けビルダーとどのように比較されるかの詳細については、5つのウェブデザインAIツールの詳細レビューをご覧ください。
結論：テンプレートをあなたの目的に合わせるのではなく、パターンをあなたの非営利団体に合わせる
このガイドにある12の非営利団体のウェブサイトの例は、それぞれが特定の組織モデルに合致しているため機能しています。一般的な慈善団体のテンプレートから引っ張ってきたものではありません。Wikipediaのバナー駆動型モデルは、Wikipediaに何十億もの常連ユーザーがいるため機能します。The Trevor Projectの安全第一のデザインは、The Trevor Projectの訪問者が差し迫った危機に瀕している可能性があるため機能します。DonorsChooseのマーケットプレイスモデルは、組織の影響を個々の教室に分解できるため機能します。
あなたの非営利団体に合わないパターンをコピーすると、結果として他人の慈善団体のようなウェブサイトになってしまいます。パターンをあなたの実際の組織に合わせることで、ウェブサイトは参加への明確で正直な招待状となり、それが優れた非営利団体のホームページデザインの目的です。
他のカテゴリのデザインのインスピレーションについては、より広範なウェブサイトホームページの例ガイドとレストランウェブサイトの例をご覧ください。技術的な基礎については、レスポンシブウェブサイトの例ガイドでは、ほとんどの非営利サイトが間違っているモバイルファーストのパターンをカバーし、ウェブサイトナビゲーションの例コレクションでは、非営利団体に直接適用できるナビゲーションパターンをカバーし、教会のウェブサイトの例ガイドでは、関連するデザイン課題を持つ別のミッション駆動型カテゴリをカバーしています。
よくある質問
すべての非営利団体のウェブサイトに含めるべき情報は何ですか？
優先順位順に8つの必須事項：（1）あなたの活動内容と対象者を明確かつ具体的に示すもの、（2）1回限りおよび毎月のオプションがあり、費用対効果が明確な寄付経路、（3）あなたの資金が何に充てられるかを説明するプログラムページ、（4）写真、実名、短い経歴を持つスタッフと役員、（5）財務の透明性 — 年次報告書、監査済み会計報告書、および（米国では）最新のIRS Form 990、（6）ボランティアまたは参加経路、（7）現在の連絡先とプレスリリースを含むプレス/メディアページ、（8）実際の電話番号を含む明確な連絡先情報。オプションだが2026年にはますます期待されるもの：視聴者が安全でない環境にいる可能性がある場合の安全な終了ボタン、物理的な場所がある場合のサービス検索機能、およびマルチチャネルオプション付きのニュースレター登録。
チャリティウェブサイトと非営利ウェブサイトの違いは何ですか？
用語は国によって異なります。米国では、「非営利団体（nonprofit）」は501(c)(3)および関連する免税団体を指し、「チャリティ（charity）」は非公式な用語です。英国では、「チャリティ（charity）」は登録された組織に対して慈善委員会が使用する法的用語です。ウェブサイトのデザインに関する質問は、どちらの用語が適用されるかに関わらず本質的に同じです — チャリティウェブサイトの例と非営利ウェブサイトの例は、デザインの議論においてはほぼ互換性のあるフレーズです。ただし、法的および開示要件は異なります。英国のチャリティは特定の慈善委員会の登録詳細を提示する必要があり、米国の501(c)(3)は990を公開する必要があり、カナダのチャリティはCRAに登録する必要があります。
非営利ウェブサイトの費用はどのくらいかかるべきですか？
規模と複雑さによります。小規模なチャリティであれば、AIを活用したビルダーで、ホスティングを含めて年間300ドル未満で実用的なサイトを立ち上げることができます。複数のプログラム、実際の寄付ページ、説教アーカイブに相当するものを備えた中規模の非営利団体は、通常、マネージドソリューションに年間1,500ドルから8,000ドルを費やします。多国籍展開、複数の管轄区域にわたる資金調達コンプライアンス、および完全な編集チームを持つ大規模な国際非営利団体は、初期のデザインと構築に50,000ドルから300,000ドル以上を費やし、その後も継続的な開発費用がかかります。最大の変動要因は、非営利団体がカスタムデザインを必要とするか、または優れたテンプレートを使用できるかです。
小規模な非営利団体に最適なウェブサイトビルダーは何ですか？
小規模な非営利団体のウェブサイトプロジェクトでは、2026年には3つの選択肢が主流です。WegicのようなAI駆動型ビルダーは、説明から1分以内にカスタムサイトを生成します。SquarespaceとWixには洗練された非営利テンプレートがありますが、手動でのレイアウト作業が必要です。そして、非営利団体に特化したプラットフォーム（Wired Impact、Morweb、Soapbox Engage）は、寄付処理、メール、CRM統合をバンドルしています。最適な選択は、デザインの柔軟性（Wegic、Squarespace）を求めるか、バンドルされた資金調達ツール（Soapbox、Morweb）を求めるか、または最低限のコスト（Wegicの無料プラン）を求めるかによって異なります。
非営利団体のウェブサイトにオンライン寄付を追加するにはどうすればよいですか？
主な方法は3つあります。（1）StripeまたはPayPalの直接統合 — 最も柔軟ですが、寄付ページの設計、税領収書の処理、寄付者管理はあなたが担当します。（2）Donorbox、Givebutter、GiveLively、Classyなどの専用の非営利寄付プラットフォーム — 非営利団体向けに構築されており、定期的な寄付、税領収書、寄付者記録を処理します。（3）すでに使用している場合は、非営利CRM（Bloomerang、EveryAction、Salesforce NPSP）からの埋め込み寄付ウィジェット。ほとんどの小規模な非営利団体にとって、DonorboxまたはGivebutterの統合は、使いやすさとプロフェッショナリズム、そして低料金の最適なバランスを提供します。
非営利ウェブサイトのテンプレートは使う価値がありますか？
場合によります。Wix、Squarespace、またはWired Impactのようなプラットフォームの非営利ウェブサイトテンプレートは、迅速かつ手頃な出発点となりますが、同じテンプレートを使用している他のすべての非営利団体と同じように見えてしまう傾向があります。あなたの組織が独自のアイデンティティ（調査報道機関、知識共有センター、マーケットプレイスモデルなど）を持っている場合、テンプレートはそのアイデンティティを平坦化してしまう可能性があります。WegicのようなツールでAIが生成するサイトは、各サイトがあなたの特定の記述から生成されるため、既成のライブラリから選択されるわけではないため、テンプレートの画一性を回避できます。
非営利団体のホームページの優れたレイアウトとは？
シンプルで再現性のある非営利団体向けホームページデザインの構成要素：（1）ロゴ、ナビゲーション、常設の「寄付」リンク、および（関連する場合）「ヘルプ」またはサービスアクセスリンクを含むヘッダー、（2）明確な主要CTAを1つ持つヒーロー（組織の種類によって異なる — サービスを提供する非営利団体の場合、「ヘルプを探す」、擁護団体の場合、「行動を起こす」、ジャーナリズムの場合、最新記事）、（3）私たちが何をしているかを平易な言葉と実際の写真で説明、（4）最新のコンテンツまたはキャンペーン、（5）特定の成果に結びついたインパクトの数値（「何千人もの人々を助けた」のような曖昧な主張は避ける）、（6）参加する方法（寄付/ボランティア/擁護/パートナーシップ）、（7）フッターにプレス、財務、チーム。この構成は、優先順位を少し入れ替えるだけで、ほとんどの非営利団体の種類に機能します。
2026年に最も重要な非営利団体のウェブサイト機能は何ですか？
強力な現代の非営利団体向けウェブサイトプロジェクトとそうでないものを常に区別する機能：（1）アクセシビリティ — WCAG 2.2 AA準拠は、真剣な非営利団体にとって今や必須であり、多くの法域で法的要件となっています。（2）モバイルファーストのレスポンシブデザイン — 全トラフィックの半分以上がモバイルです。（3）Apple Pay、Google Pay、ワンクリックオプションによる摩擦のない定期寄付。（4）非技術系スタッフがエンジニアリングの助けなしに更新を公開できる実際のCMS。（5）CRMにリンクされた統合されたメール登録。（6）ホームページからワンクリックで財務の透明性。（7）特定の成果を伴うプログラムレベルのインパクト報告。（8）ソーシャルプルーフ — プレスでの言及、慈善団体の評価（Charity Navigator、GuideStar Platinum）、実際の寄付者の証言。
