Work
FindNPO
全国約4万8千のNPO法人を、地域と分野から探せる情報サイトです。内閣府が公開している法人のデータをもとに、探す人の目的から辿り着ける形に組み直しました。
- お客様
- 伎冶メディアネット（伎冶商事）
- 区分
- 自社運営
- 業種・分野
- 情報サイト（NPO法人）
- 担当した範囲
- サービス設計／ロゴ／デザイン／開発・公開／運用
- 時期
- 2026年9月公開
Challenge
何を解こうとしたか
- 公的なデータは一覧表としては存在するものの、名前を知らない人が探すための入口が無いこと。
- 寄付・協働・就職と、訪れる人の目的がばらばらで、同じ画面がそれぞれに役立つ必要があること。
- 公的な情報を扱う以上、見た目の軽さが信頼を損なうこと。
Decisions
決めたこと
-
01
見出しを明朝体にする
見出しに Noto Serif JP を使いました。公的な資料や新聞に近い字面にすることで、扱っている情報の性質（届出にもとづく公開データ）と見た目を一致させています。
-
02
藍を基調に、生成りの地を敷く
真っ白な背景ではなく、わずかに黄みのある生成りを地にしました。長い一覧を読むときの目の負担が減り、紙の名簿に近い落ち着きが出ます。
-
03
地域と分野の二軸で入口を作る
検索窓だけに頼らず、都道府県と活動分野から辿れる入口を用意しました。探している団体の名前を知らない人のほうが多いためです。
-
04
データの出どころを各ページに書く
団体ページの下部に情報の出典と更新の時点を明記しました。公開データを扱うサイトでは、これが無いと数字の正しさを自分で確かめられません。
Colors & Type
色と書体
- 藍 #2A3A8F ロゴ・見出し・リンク
- 生成り #F6F3EC 背景
- 紙白 #FFFDF9 カードの面
- 墨 #1C1F2B 本文
- Noto Serif JP
- 見出し。公的な情報にふさわしい落ち着きを出すため
- Noto Sans JP
- 本文・一覧。数字と英字が混じっても読み崩れないため
Build
どう作ったか
- Astro ＋ Cloudflare Pages。団体のデータは Cloudflare D1（SQLite）に持ち、地域・分野・名称から引けるようにしています。
- 約4万8千件を一覧と地域別のページに展開しても表示が落ちないよう、検索は「まず ID を引き、次に本体を読む」二段の形にしました。
- 団体からの掲載内容の更新は、管理画面から本人が行える形にしています。
この事例と同じ考え方・同じ作り方で、ご依頼いただいた制作にも取り組みます。作るものと毎月のことを選ぶと、その場で概算のお見積りが出ます。