みらいの種
だれもひとりにしない、まちをつくる。
共感はされても寄付につながりにくいNPOのために、現場の物語と活動の数字を両輪で見せ、金額ごとに「何ができるか」と寄付の使い道の内訳まで先に開示し、不安を煽らずに納得して支えてもらう導線に整えた団体サイトの設計例です。
想定クライアント寄付とボランティアで活動を支える、地域密着型のNPO・社会貢献団体
※ 掲載しているのはAIを活用した制作サンプルです。サンプルサイトの企業・人物・内容はすべて架空（フィクション）であり、実在のものではありません。
よくある課題
- 活動の意義は理解されても、「自分の寄付が何に変わるのか」が見えず、支援の一歩手前で止まってしまう
- 使い道への不安が寄付の障壁になっているが、会計や運営費の説明を正面から書けていない
- 寄付・ボランティア・企業協賛と入口が複数あり、それぞれの人が次に何をすればよいか分かりにくい
この設計の狙い
「かわいそうだから」ではなく「納得したから」支えてもらえる状態をつくること。共感の入口となる現場の物語と、判断材料となる数字・使い道を同じ強さで並べ、不安を煽らずに寄付とボランティアの導線へつなげます。
この構成にした理由
プラム×生成りで、煽らない色をつくる
アクセントはプラム（#6E4A7E）、背景は生成り（#FBF8F3）。赤や強い警告色で危機感を訴える手法をとらず、落ち着いた紫と補助の草色（#7C8B5E）で構成しました。長く関わってもらう相手としての誠実さを、まず色で示しています。
数字と物語を、同じページに並置する
ヒーローに支援人数・拠点数・ボランティア数のカウントアップを置き、後段に現場のストーリーを配置しました。寄付は共感で動き、規模の実感で確信に変わるため、どちらか一方に寄せない構成にしています。
金額ごとに「何ができるか」を書く
寄付ページでは毎月／今回だけを切り替えられるようにし、金額ごとに「子ども1人分のノートと文具」「親子3組の一食」といった具体を明記。金額の大小ではなく、支援の手応えを想像できることを判断の起点に据えています。
運営費まで含めて使い道を開示する
活動・プログラム費、運営・人件費、広報・募金活動費の割合を分けて提示し、運営費が必要な理由も併記しました。「全額が現場へ」と言い切らないことが、かえって継続支援の前提になる信頼をつくるという判断です。
見出しは角ゴシック、理念だけ明朝に
全体は Zen Kaku Gothic New で読みやすく整理し、ミッションを述べる一段落だけ Noto Serif JP に切り替えています。言葉の重みが必要な場所を書体で一箇所に絞り、サイト全編が情緒に傾かないようにするための配分です。
ページ構成
- トップ
- 団体紹介（沿革・運営メンバー・透明性）
- 活動・プログラム
- 寄付のご案内
- 参加・お問い合わせ
実装している機能
- スマホ・タブレット・パソコンの画面に合わせた表示
- 検索対策（検索結果やSNSで正しく表示される設定・同じページが重ならないようにする設定）
- 金額ごとの寄付メニューの表示（毎月／今回だけの切り替え）
- 寄付の使い道の内訳表示
- 活動の成果の数字が増えていく演出
- 活動レポート・ストーリーの掲載
- 沿革の年表・運営メンバー紹介
- よくあるご質問
- 参加・お問い合わせフォーム（迷惑な送信を防ぐ対策・入力内容の確認つき）
狙っている効果
- 金額ごとの使い道を具体化することで、「いくら出せばよいか分からない」ことによる離脱を減らすことを狙っています
- 運営費を含む内訳の開示により、単発から継続寄付へ移る際のためらいを和らげることを想定しています
- 寄付・ボランティア・企業協賛の入口を分けて示すことで、支援したい人が迷わず次の一歩に進めることを狙っています
※ 上記は本設計が狙う効果であり、成果を保証するものではありません。
このサイトを作るなら
この構成は、ライトプラン相当です（標準的な構成で、原稿はご支給いただく前提）。
まずは必要な情報を整えて、きちんと伝わる一式を用意したい方へ。
￥380,000〜（税別）
- 表示価格はすべて税別です。「〜」は最低価格を示し、最終金額はページ数・機能・素材の有無により変動します。
- サーバー・ドメインの管理費（￥5,000 / 月・税別）が別途必要です。
- 正式なお見積もりは、ご要望をうかがったうえでご提示します。
Let's talk
この構成で、あなたのサイトをつくれます。
・寄付とボランティアで活動を支える地域密着型のNPO・社会貢献団体・活動の意義は伝わっているが、寄付の使い道を説明しきれていない団体・不安を煽る訴求を避けながら、継続的な支援者を増やしたい団体
この内容で相談する（無料）