Story HPストーリーHPプロジェクトAI仕組みラボのホームページ制作
2026.10.25 / 制作事例

命のおまもり。地域の仲間と活動をつなぐサイト制作

子どもを想う人と地域の活動をつなぐ、命のおまもりのメンバーポータルを制作しました。

春の世界観を入口に、近くの仲間、想い、イベントへ進める構成です。

構想整理から公開後のプロフィール登録まで、目的と設計の理由を紹介します。

命のおまもりの公開トップページ。春の木と人の輪を描いたメイン画像、仲間を探す入口が並ぶ
2026年10月25日の公開画面。人物・イベントの掲載見本を含みます。

最初に決めたのは、仲間が主役のサイト

構想を整理したとき、中心にあったのは、全国で活動する一人ひとりの存在でした。 子育て中の方、講師、地域で場をひらく方などが、お互いを知り、活動にふれる場所です。

そこで私は、トップページで地域と人の紹介へ進める順番を大切にしました。 理念を知り、近くの仲間を探し、その人の想いや活動を読む。 自分も加わる場面を想像できる流れを目指しています。

制作時は仲間の紹介を中心に据え、イベントは人と出会う機会として添えました。 今後、活動が積み重なったときには、イベントも育てられる構成です。

春の色と丸みで、輪に入りやすい入口へ

デザインの出発点は、春、陽だまり、やわらかさ、子どもの笑顔でした。 大きな春の木のもとへ人が集まるメイン画像を軸に、生成り、桜色、若草色を組み合わせています。

写真の枠や背景には丸みをつけ、余白を広めに取りました。 丸みのある見出しの書体も合わせ、活動を知る前の入口から雰囲気が伝わるようにしています。

スマートフォンでは、画面の幅に合わせたメイン画像を用意しました。 本文はパソコン・スマートフォンとも18pxに整え、紹介文や入力欄も読みやすい大きさにしています。

命のおまもりのスマートフォン版トップページ。縦画面に合わせた春のメイン画像と参加案内
2026年10月25日の公開画面。人物・イベントの掲載見本を含みます。

近くの人を探し、想いと活動を知る

全国のつながりも、見る人にとっては、自分のまちの誰かを知るところから始まります。 トップの日本地図と地域別の入口から、メンバー一覧へ進めるようにしました。

一覧では、地域、活動分野、キーワードを組み合わせて探せます。 カードには地域や活動内容を近くに置き、気になる方の紹介へ進めるつくりです。

詳しい紹介では、プロフィールだけでなく、その人が大切にしている想いや仕事にもふれられます。 一覧の表示順はランダムにし、いつも同じ方だけが先頭に並ばないようにしました。

地域・活動分野・キーワードで探せるメンバー一覧。カードに地域、活動内容、人物紹介を表示
2026年10月25日の公開画面。人物・イベントの掲載見本を含みます。

会う前も、会ったあともつながる

イベントを選ぶときには、日時や場所に加えて、誰がひらく場なのかも知りたくなります。 イベントの紹介と主催者のプロフィールをつなぎ、参加を考える方が人柄や想いもたどれるようにしました。

日程や地域、現地・オンラインなどの条件で探し、一覧とカレンダーを切り替えられます。 繰り返し開催する企画は、開催回ごとの日時や条件を持たせる仕組みです。

開催後のレポートも、同じイベントや開催回に関連付けられます。 告知、主催者、公開済みのレポートがつながり、次に参加を考える人にも活動の記録が残ります。

日程や地域、開催方法から探せるイベントページ。検索条件とイベント紹介をまとめた公開画面
2026年10月25日の公開画面。人物・イベントの掲載見本を含みます。

記事がなくても、一人の仲間として登録する

運営の準備が進むと、インタビュー記事のない方もメンバーとして登録したい、という課題が出てきました。 地域の人数を記事の本数で数えると、参加している方の存在を正しく表せません。

そこで、メンバーの名簿と紹介記事を分けて管理する仕組みにしました。 記事がなくても在籍メンバーとして数え、あとから記事を作るときは同じ登録に関連付けます。

簡易プロフィールは、公開してよい表示名、都道府県、短い自己紹介を基本にしています。 活動地域やホームページ、SNSも登録でき、どんな人がどこで活動しているかを伝えられます。

画像は、写真、イラスト、ロゴ、アイコンから選べます。 画像がない方には共通の「画像登録なし」を表示し、ロゴなどは全体が入る見せ方にしました。

管理用の名前と公開用の表示名は別の欄です。 本人が掲載に同意したプロフィールを、運営側で登録・更新します。 WordPressの管理画面に加え、Codexからの登録にも対応しました。

構想から公開へ、相談に合わせて育てる

制作は、いただいた文章、マインドマップ、打ち合わせ記録を整理するところから始まりました。 世界観と、訪れた人にしてほしいことを確認し、次の順番で進めています。

  1. 目的と主役を決める。全国の仲間が見えることを中心に、地域、人、想い、活動の順番を整理しました。
  2. 操作できる試作をつくる。春のデザインだけでなく、人物検索やイベントの探し方も、実際に触れられる画面にしました。
  3. WordPressで運営できる形にする。人物、イベント、開催回、記事の登録と関連付けを、管理画面につなぎました。
  4. 公開後の相談を反映する。呼び方や表示順を整え、協賛企業の紹介、簡易プロフィール、本文の読みやすさへと改善を重ねました。

初期設計の記録は2026年9月から残っています。 今回のプロフィール登録も、実際に運営を考える中で出てきた相談を、サイトの仕組みへ反映したものです。

人が増えても、同じ場所で育てていける

形にできたのは、理念を知る入口から、地域の人、活動、イベント、ストーリーへ進めるサイトと、その内容を更新する仕組みです。 記事がある方も、まずプロフィールから参加する方も、同じ名簿をもとに管理できます。

こだわったのは、やわらかな見た目と、公開後に続けられる運営を一緒に考えることでした。 相談の中で見えてきた使い方を、情報の順番や入力欄まで落とし込んでいます。

掲載している画面は、2026年10月25日時点の公開サイトです。 人物やイベントの掲載見本を含み、実在の参加者数や開催実績とは区別して表示しています。 今後は実際のプロフィールや活動記録を重ね、人と人のつながりが育つ場所にしていきます。

コミュニティや地域の活動を伝えるホームページを考えている方へ。 誰を主役にして、どんな出会いにつなげたいか。 その目的と、無理なく更新できる方法を、一緒に整理するところからお手伝いします。

事業とホームページを相談する

ホームページ制作 / 運営システム

伝わるデザインも、運営の仕組みも。

会社やお店の魅力を伝えるページから、登録フォーム、管理画面、更新マニュアルまで。必要な機能を一緒に整理し、公開後の使いやすさまで考えて制作します。

  • ホームページ
  • 店舗・会員登録
  • 商品管理
  • 管理画面
  • マニュアル

ホームページ制作費

11万円〜

税込・初期制作費

制作範囲・機能・規模に応じてお見積もりします。

制作内容と料金を見る →

公開後の管理・サポートは、別途月額プランが必要です。ホームページ管理+AI仕組みラボは通常月額16,500円(税込)、紹介割引で月額11,000円(税込)。月額プランは1年間継続で、Codexなど外部ツールの利用料は別途です。

記事制作・投稿も任せるAIライター運営代行は、月額33,000円〜(税込)。担当者によって料金・対応範囲が異なります。

公開後の運用プランを確認する →