Amazonで商品を見るセール会場へ

行政・NPO・公益法人のおしゃれなウェブサイトデザイン|制作者が分かるサイトだけ9件【2026年9月調査】

行政・NPO・公益法人のウェブサイトデザイン事例のアイキャッチ画像

行政・NPO・公益法人・地域団体のウェブサイトのうち、誰が作ったかが分かり、第三者の評価があるものだけを集めました。
9件です。

この業種でいちばん目立ったのは「文字そのものを絵として置く」という共通点でした。
9件中4件が、写真ではなく巨大な日本語のタイポグラフィで画面をつくっています。

もうひとつ特徴的なのは寄付の導線がほとんど出てこないことです。
寄付ボタンを最初の画面に置いているのは、日本自然保護協会の1件だけでした。

この記事の調べ方

  • デザインギャラリー6サイト(SANKOU!・MUUUUU.ORG・Web Design Clip・イケサイ・1GUU・URAGAWA)の行政・NPO・団体カテゴリから、掲載されているサイトを集めました
  • 2つ以上のギャラリーに載っているサイト、またはMUUUUU.ORGのSITE OF THE DAYに選ばれたものを候補にしました
  • 制作者はギャラリーのクレジットと、各制作会社の実績ページで確認しました
  • 制作者が確認できなかったもの、対象外のものを外して9件です
  • 掲載企業・団体・制作会社からの申請ではなく、編集部の調査に基づく掲載です。
    掲載料はいただいていません
  • 調査日: 2026年9月14日

順位ではありません。
並びは第三者の評価が強い順です。

NPO法人・一般社団法人のサイトを作るなら、NPO法人・一般社団法人のホームページの作り方で、載せるべき内容を説明しています。

目次

掲載サイト一覧

# サイト 種別 制作 第三者の評価 掲載時期
1 日本自然保護協会 公益財団法人(自然保護) sai 3件 2025年9月
2 more trees 一般社団法人(森林保全) エヴォワークス 3件 2018年8月
3 土と風 地域文化資本の事業づくり(島根) TSUCHI TO KAZE + KOOO 1件 2026年4月
4 吉田秀雄記念事業財団 公益財団法人(広告・マーケティングの研究助成) Bit Beans 1件 2026年4月
5 とよたフィルムコミッション 自治体のロケーション誘致(愛知県豊田市) Largic wave 1件 2026年3月
6 nosson 一般社団法人(高知県日高村の地域商社) STAND FOUNDATION 1件 2025年12月
7 いきかえる・いきなおす 高知県日高村のソーシャルアクション STAND FOUNDATION 2件 2023年10月
8 日本速読解力協会 一般社団法人(速読・読解力の教材) Vogaro 2件 2020年11月
9 みさとと。 自治体の移住・地域情報サイト(島根県美郷町) SHIFTBRAIN 2件 2019年10月

1. 日本自然保護協会

日本自然保護協会のファーストビュー
日本自然保護協会(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

新緑を見上げた写真の上に「自然のちからで明日をひらく。
」を緑の極太で縦組み。
1文字が画面の高さの4分の1ほどあります。

縦組みの列と列のあいだに、英文が細く縦に差し込まれています。
「OF NATURE.」「WITH THE POWER」「FOR TOMORROW,」「MAKING A NEW PATH」。
日本語と英語が交互に並ぶ組み方です。

右上に赤い丸ボタンで「寄付する」。
緑で通した画面のなかで赤はここだけです。
この9件で、寄付の導線を最初の画面に置いているのはここだけです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 公益財団法人(自然保護)
制作 sai
制作スタッフ sai(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!/1GUU
掲載時期 2025年9月
サイト www.nacsj.or.jp

日本自然保護協会を見る

2. more trees

more treesのファーストビュー
more trees(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

木製ブロックを子どもの手が並べている写真です。
全体に白いもやをかけて、上に載る文字が読めるようにしてあります。

「森と人がずっとともに生きられるように」が白で2行。
ロゴの下に「都市と森をつなぐ」と、事業の説明を1行だけ添えています。

写真のすぐ下に「more treesの活動実績」。
植林した本数390,351本、植林した面積311.50ha、除伐・間伐した面積204.33ha、カーボンオフセット18,183t。
理念と実績を1画面に収めています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 一般社団法人(森林保全)
制作 エヴォワークス
制作スタッフ 株式会社エヴォワークス(URAGAWAの制作者情報に基づく)
ギャラリー掲載 SANKOU!/1GUU/URAGAWA
掲載時期 2018年8月
サイト www.more-trees.org

more treesを見る

3. 土と風

土と風のファーストビュー
土と風(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

生成りの地に、横長に切り抜いた写真が2枚。
上が赤土の断面、下が墨字の残る古い木の板。
そのあいだに「と」が1文字だけ置かれています。

上の写真が「土」、下が「風」、あいだの「と」で社名になります。
文字と写真で社名を組み立てた画面です。

右上のメニューは縦書きで5項目、左上のロゴも縦書き。
写真と文字以外はすべて余白です。
墨の筆跡が2か所、写真の角に重ねてあります。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 地域文化資本の事業づくり(島根)
制作 TSUCHI TO KAZE + KOOO
制作スタッフ TSUCHI TO KAZE/KOOO(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG(SITE OF THE DAY 2026年4月24日)
掲載時期 2026年4月
サイト tsuchitokaze.co.jp

土と風を見る

4. 吉田秀雄記念事業財団

吉田秀雄記念事業財団のファーストビュー
吉田秀雄記念事業財団(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

白地に、Yの字を線だけで描いた図形が6つ並んでいます。
ロゴを縦に引き伸ばした形で、人が並んでいるようにも柱が並んでいるようにも見えます。

左下に「Human is Science. Human is Art.」。
下に「人間の感情、興味、指向、行動。
それらは科学であり、同時にアートだと思う。

右上に黒い「助成申込みをご検討の方へ」。
最初の画面に置いた唯一のボタンが助成の申込みです。
写真は1枚も使っていません。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 公益財団法人(広告・マーケティングの研究助成)
制作 Bit Beans
制作スタッフ Bit Beans(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG(SITE OF THE DAY 2026年4月12日)
掲載時期 2026年4月
サイト www.yhmf.jp

吉田秀雄記念事業財団を見る

5. とよたフィルムコミッション

とよたフィルムコミッションのファーストビュー
とよたフィルムコミッション(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

「TOYOTA FILM COMMISSION」が黒の極太ゴシックで3行、画面の左半分を埋めています。

水色の帯が画面を斜めに横切り、その上下にロケ地の写真を6枚、大きさを変えて散らしています。
林道の車、河川敷の橋、美術館、蔵の町並み、洋館。

右上に「映像を通して世界とつながる、豊田市。
」を黒地の白抜きで3行。
写真をコマ、帯をフィルムに見立てた作りです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 自治体のロケーション誘致(愛知県豊田市)
制作 Largic wave
制作スタッフ Largic wave(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG(SITE OF THE DAY 2026年3月24日)
掲載時期 2026年3月
サイト toyota-film-commission.jp

とよたフィルムコミッションを見る

6. nosson

nossonのファーストビュー
nosson(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

新聞の紙面をそのまま画面にしています。
最上部に「第000032号」と当日の日付。
右上に「単色/天然色」の切り替えスイッチまであります。

3段組みで、左が「はじめまして、nossonです。
」の自己紹介、中央が新商品の記事、右が日付と天気と気温。
青とピンクの2色だけで刷ってあります。

右上の「の」は毛筆です。
見出し、号外の飾り、今日の天気。
紙面の要素を一通り持ち込んでいます。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 一般社団法人(高知県日高村の地域商社)
制作 STAND FOUNDATION
制作スタッフ STAND FOUNDATION(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG(SITE OF THE DAY 2025年12月31日)
掲載時期 2025年12月
サイト nosson.jp

nossonを見る

7. いきかえる・いきなおす

いきかえる・いきなおすのファーストビュー
いきかえる・いきなおす(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

「いきいき」の4文字が、太く膨らんだ形で画面の中央を占めています。
輪郭に角がなく、風船のような字です。

まわりに切り絵風のイラストが4つ。
トマトを抱える人、地球、ゼリーを掲げる人たち、水やりをする人。
それぞれに「ACTION 01」から「04」の番号が振ってあります。

上に青い帯でニュースが横に流れ、右上にピンクの「お問い合わせ」。
青・ピンク・緑・黄の4色を、面で強く使っています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 高知県日高村のソーシャルアクション
制作 STAND FOUNDATION
制作スタッフ STAND FOUNDATION(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/1GUU
掲載時期 2023年10月
サイト ikiiki-being.com

いきかえる・いきなおすを見る

8. 日本速読解力協会

日本速読解力協会のファーストビュー
日本速読解力協会(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

左に「速く正確に読み解く力を鍛える」が青の太ゴシックで2行。
右にタブレットで学習する高校生の写真。

コピーの下に、月桂冠つきの丸バッジが2つ。
「速読システム提供25年以上」「成果実感92%」。
その下に小さく「※受講1年後 回答数23,640(2019年11月)」と出典が入っています。

右上に黄色の「教室を検索」と紺の「導入をご検討の方へ」。
受講者と導入先の2つの入口を、色を変えて並べています。
この9件で最も広告的な作りです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 一般社団法人(速読・読解力の教材)
制作 Vogaro
制作スタッフ Vogaro株式会社(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/URAGAWA
掲載時期 2020年11月
サイト www.sokunousokudoku.net

日本速読解力協会を見る

9. みさとと。

みさとと。のファーストビュー
みさとと。(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

淡いピンクとベージュの雲だけを描いた背景です。
写真も説明文もありません。

中央に「みさとと。
」が細い丸ゴシックで2行。
下に「MISATO TOWN SHIMANE」。

右上にメニューのボタンと、はっぴを着たキャラクターのアイコン。
右下に下向きの矢印。
自治体のサイトで、最初の画面に案内が1つも出ていません。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

種別 自治体の移住・地域情報サイト(島根県美郷町)
制作 SHIFTBRAIN
制作スタッフ SHIFTBRAIN Inc.(SANKOU!のクレジット表記に基づく)
ギャラリー掲載 SANKOU!/URAGAWA
掲載時期 2019年10月
サイト www.town.shimane-misato.lg.jp/misatoto

みさとと。
を見る

9件に共通していること

文字そのものを絵として置く

日本自然保護協会は「自然のちからで明日をひらく。
」を縦組みで、1文字が画面の高さの4分の1あります。
いきかえる・いきなおすは「いきいき」の4文字を風船のように膨らませて中央に置いています。
みさとと。
は「みさとと。
」の5文字だけ。
土と風は「と」を1文字だけ置いて、上下の写真とあわせて社名にしています。

9件中4件です。
予算の制約で写真が用意できない、という話ではありません。
4件とも文字の形そのものを作り込んでいて、写真より手のかかる作り方です。

寄付の導線が1件しかない

日本自然保護協会の赤い「寄付する」だけです。
more treesは「あなたにできること」、吉田秀雄記念事業財団は「助成申込みをご検討の方へ」、いきかえる・いきなおすは「お問い合わせ」。
いずれも寄付とは書いていません。

寄付を主な財源にしていない団体(自治体、地域商社、業界団体、助成する側の財団)が多いためです。
団体の種類によって、置くべきボタンは変わります。

自治体・地域に関わるものが4件

とよたフィルムコミッション(愛知県豊田市)、nosson(高知県日高村)、いきかえる・いきなおす(同じく日高村)、みさとと。
(島根県美郷町)。

4件とも、いわゆる自治体の公式サイトとは別に立てられた単独のサイトです。
行政の情報を網羅する必要がないぶん、思い切った作りができています。

写真を使わないのが3件

吉田秀雄記念事業財団は線画の図形だけ、みさとと。
は雲のイラストだけ、いきかえる・いきなおすは切り絵風のイラストだけ。

研究助成財団と自治体という、写真にしにくい活動を扱う団体です。
何を撮っても実態を表さない場合に、図形とイラストへ振っています。

数字を出すのが2件

more treesは「植林した本数390,351本」など4つの実績を最初の画面に並べています。
日本速読解力協会は「速読システム提供25年以上」「成果実感92%」をバッジで出し、下に回答数と調査時期の出典まで書いています。

2件とも、団体の信頼を数字で担保する作りです。
特に日本速読解力協会は出典の書き方が丁寧で、数字を出すときの手本になります。

制作会社に頼むと、いくらかかるか

この9件の制作費は公開されていません。
体制は土と風が2社で、ほかは1社です。
この点はシリーズのなかで最も小さい編成でした。

NPO法人・公益法人・地域団体のサイトの相場は60万〜250万円、寄付や会員登録の仕組みを入れると150万〜400万円です。
内訳はホームページ制作費用の相場にまとめました。

制作会社を選ぶ段階なら、ホームページ制作会社の選び方をご覧ください。

制作会社の重なり

STAND FOUNDATIONがnossonといきかえる・いきなおすの2件に入っています。
どちらも高知県日高村の取り組みで、同じ地域の別プロジェクトを同じ制作会社が続けて手がけた形です。
シリーズ全体では2業種目になります(食品の白十字に続きます)。

みさとと。
のSHIFTBRAINは、このシリーズで9業種目です。

掲載の基準

公開時期 現在のデザインが2016年以降に公開されていること。ギャラリーの掲載日で判定しています
制作者 制作会社・デザイナーが公開情報から特定できること。SANKOU!・MUUUUU.ORG・URAGAWAのクレジット、または制作会社自身の実績ページで確認
第三者の評価 デザインギャラリー2つ以上に掲載、またはMUUUUU.ORGのSITE OF THE DAYに選ばれていること
業種 自治体・NPO法人・一般社団法人・公益財団法人・地域団体であること。営利企業のサービスサイトは外しています
重複 このシリーズのほかの記事で取り上げたサイトは外しています

候補15件のうち6件が落ちた理由

  • 団体ではない:&sauna FARM(民間のサウナ施設)、beatfic experiment(クリエイティブレーベル)
  • ほかの記事で取り上げ済み:天水福祉事業会(介護・福祉
  • サイトが移転している:須坂のまるごと博物館(2026年4月1日に移転し、現在は移転案内だけが表示されます)
  • 画面を取得できなかった:NORTH FLAGGERS
  • 公開時期を確認できなかった:NPO法人HELLOlife(掲載しているギャラリーが掲載日を公開していません)

更新について

掲載サイトは定期的に見直します。
リニューアルでデザインが変わったサイトは差し替えるか取り下げます。

このシリーズのほかの業種

同じ調べ方で、業種ごとにまとめています。

掲載内容の訂正・削除について

掲載されている団体・制作会社の方へ。
記載内容に誤りがある場合や、掲載の取り下げをご希望の場合は、お問い合わせフォームからご連絡ください。
確認のうえ、速やかに対応します。

掲載料は受け付けていません。
掲載は編集部の調査結果だけで決めています。

お問い合わせフォーム

よくある質問

この記事に載っている制作会社に、ここから依頼できますか

各制作会社のサイトから直接お問い合わせください。
編集部は仲介をしておらず、紹介手数料も受け取っていません。

寄付ボタンは最初の画面に置くべきですか

寄付が主な財源なら置いてください。
この9件で置いているのは1件だけですが、それは寄付以外で運営している団体が多いからです。
日本自然保護協会は緑で通した画面のなかで寄付ボタンだけを赤にしていて、1つしかない色は必ず目に入ります。

自治体のサイトでもここまで自由にできますか

この9件の自治体関連4件は、いずれも公式サイトとは別に立てた単独サイトです。
公式サイトは網羅性とアクセシビリティが優先されるため、同じようには作れません。
移住促進や観光といった目的を絞ったサイトを別に立てる、という考え方です。

写真がない団体はどうすればいいですか

この9件では3件が写真を使っていません。
文字を大きく組む、線画の図形を並べる、イラストで活動を描く。
いずれも撮影費の代わりにデザインの手間がかかります。
安く済む方法ではありません。

この情報はいつ時点のものですか

2026年9月14日時点で各サイトとギャラリーを確認した内容です。
スクリーンショットも同日に取得しています。

この記事を書いている会社

MOTOKI合同会社(埼玉県所沢市)は、WordPressに特化したホームページ制作会社です。

  • ホームページ制作実績 54件
  • WordPressテーマ「SWELL」での構築 48サイト
  • WordPressの技術記事を331本公開
  • この記事の水準で作る場合の見積もりと、体制の相談
  • いま検討している他社の見積もりが妥当かどうかの確認
  • 既存のサイトを見たうえでの改善点の指摘

ホームページの制作・改善について相談する

相談は無料です。
他社からも相見積もりを取ったうえでご判断ください。

CONTACT

お問い合わせ

成果を出すホームページ制作は私たちにおまかせください。
まずはお気軽にご相談を!

目次