後ろ姿の介護スタッフが、プレイマットの上で赤いベビーキャリーに眠る赤ちゃんのそばにひざまずいている。サイトの濃紺のオーバーレイがかかっている。

ケーススタディ Lar Batista Janell Doyle

マナウスの子どもの家を、会計まで開かれたかたちに。

クライアント
Lar Batista Janell Doyle
種類
団体向けプラットフォーム
役割
プロダクトとフルスタック開発
年
2026

1996 年からブラジル・マナウスで子ども、家族、危機にある人々を支えてきた市民団体 Lar Batista Janell Doyle のプラットフォーム。公開サイト、情報公開ポータル、そしてそれらを支える管理画面と API です。

慈善団体は信頼と、小さく継続的な支援で成り立っています。公式文書、事業、寄付の方法は古いサイトに散らばり、メッセージや寄付、応募は届いても、それに応える場所がひとつにまとまっていませんでした。

情報公開をフッターの一ページではなく、プロダクトの中心に置く。団体がすでに公開しているものから出発し、古いリンクはすべて生かしたまま、サイトに届くすべてをチームがひとつの画面で扱えるようにしました。

実際につくったもの

  1. 01

    Next.js による公開サイト。団体の歩み、4 つの事業(地域交流、路上アウトリーチ、家族の保護施設、里親家庭プログラム)、PIX での寄付、ボランティア、支援者(パドリーニョ)向けページ、報道を掲載。旧サイトから内容を移行し、301 リダイレクトで旧 URL もそのまま使えます。

  2. 02

    API から配信する情報公開ポータル。2017 年から 2026 年までの公式文書 190 件(事業計画、助成協定、支出負担行為、年次貸借対照表、活動報告)を、年別・種類別に閲覧できます。

  3. 03

    PostgreSQL 上の NestJS と Prisma による API。41 モデルのスキーマに、JWT のアクセス/リフレッシュトークン、ロールと権限、バリデーション、レート制限、フォームの同意記録、Swagger ドキュメントを備えています。

  4. 04

    メッセージへの返信、寄付の確認、ボランティアと里親家庭の応募審査、ページ・事業・パートナー・トップページの数字・動画・スタッフの編集ができる管理画面。公開サイトには VLibras(ブラジル手話)ウィジェット、「動きを減らす」設定への対応、サイトマップも用意しました。

技術

  • Next.js
  • TypeScript
  • React
  • Tailwind CSS
  • NestJS
  • Prisma
  • PostgreSQL
  • Express
  • Vite
  • Vercel

プラットフォームはエンドツーエンドで動作しています。Vercel 上の本番デプロイは環境設定の完了待ちです。より軽量な React(Vite)と Express の構成への移行を進めています。

次のプロジェクトCandidate SearchPersonal project · 市民向けデータツール