パソコン版
スマートフォン版
プロジェクト概要
- サイトの種類
- コーポレートサイト（企業・個人事業主・団体などの公式サイト）
- 制作種別
- 新規制作
- プロジェクト期間
- 約5か月（お申し込み～納品・公開まで）
各担当の稼働期間（※同時進行）
・当方作業：約2か月（設計・構築・デザイン等）
・お客様作業：約4か月（原稿準備・内容のご確認等） - ページ数
- 基本ページ：5ページ
・トップページ（1ページ）
・下層ページ（4ページ）
更新機能（自動一覧ページ）
・ブログ - 公開日
- 2025年7月
- 担当範囲
-
原稿編集・画像選定・デザイン・WordPress構築・公開後の環境整備まで、全体を通して対応しています。
詳細を見る
【 企画・設計 】
- サイト構造設計（迷わないメニュー構成づくり）
- デザイン設計（ブランドに合わせた配色・レイアウト設計）
- 個別レイアウト設計（原稿や目的に合わせた専用デザイン設計）
- レスポンシブWebデザイン（画面サイズに応じた見やすいレイアウト調整）
【 コンテンツ設計・制作 】
- 原稿編集（文章の推敲・見出しの整理）
- 画像・素材の選定（内容に合うビジュアルの提案）
【サイト構築・機能実装 】
- WordPress構築（ご自身で更新できる仕組みづくり）
- セキュリティ対策（不正アクセス・改ざん防止）
- バックアップ体制の整備（サイトデータの保存体制づくり）
- メールフォーム設計・設置（お問い合わせ・お申し込みの窓口づくり）
- XMLサイトマップ設定（検索エンジンにページを伝える設定）
【サーバー・通信環境 】
- 常時SSL化・URL正規化（通信の暗号化とURLの統一）
【 サポート・運用準備 】
- 専用マニュアル提供（納品後も自走できる更新手順書）
- 進行管理（無理のないスケジュールでの伴走）
- Web資産管理シート（ログイン情報・契約情報の一元管理）
成果・効果
サイト公開からわずか1か月半後のイベントにて、新規入会6件に繋がりました。
さらに約4か月後には、複数の重要キーワードで検索上位を獲得し、Googleの「AIによる概要」の参照元としても複数採用されています。
リアルな入会獲得と、AIからも信頼される持続的な認知度アップの両面で成果を上げています。
Google検索結果での表示順位
今回、「地域共生 東海」「地域共生 愛知」など、活動エリアとテーマを掛け合わせた複数のキーワードで検索上位を獲得しました。
これらのキーワードは、すでに団体をご存知の方の検索（指名検索）ではなく、「これから地域共生について知りたい・参加したい」と考えている新規層が検索する重要なキーワードです。
行政サイトなどがひしめく中で上位表示を実現し、GoogleのAI概要にも採用されたことで、サイトの最大の目的である「新規会員の獲得」に大きく貢献しています。
- 「東海 地域共生」1位・2位/約86万件中
- 「地域共生 東海」1位・3位/約86万件中
- 「地域共生 岐阜」3位/約611万件中
順位をもっと見る
- 「地域共生 名古屋」5位/約271万件中
- 「愛知 地域共生」5位/約653万件中
- 「地域共生 愛知」7位/約660万件中
- 「全国 地域共生」9位/約1,170万件中
- 「地域共生 三重」9位/約633万件中
解決したかったこと
抱えていたお悩み・課題
- 当初、事務局様ご自身でのサイト作成（Jimdo無料プラン）も検討されていましたが、クオリティや運用の確実性を考慮し、「自力で作成すべきか、初めからプロに依頼すべきか」という点で悩まれていました。
- サイト運営に関する専門知識がなくても、「イベント案内」などの日々の情報更新や編集作業を事務局スタッフで簡単に行える体制にしたい、という課題をお持ちでした。
- 団体の「認知度向上」と「新規会員募集」が主な課題であり、それらを達成するための効果的な情報発信の場を必要とされていました。
いただいたご要望
サイトの目的・ゴール
- 「認知度アップ」と「会員募集」をサイトの主な目的としたい。
- サイトを通じて「活動への参加」や「お問い合わせ」を増やし、「新規入会申し込み」を獲得したい。
運用面
- 専門知識がなくても、事務局側で簡単に情報更新ができるホームページにしたい。
デザイン
- 「地域」「自分らしい暮らし」「親しみやすさ」「安心感」「優しさ」「温かさ」といったキーワードを反映したデザインを希望。
- 特定のコーポレートカラーはないものの、関連団体の支部的な動きをしているため、その団体と関連性を示すため「オレンジ色」の使用を検討したい。
- どなたでも読みやすいよう、フォントのサイズを大きめにして、太くして、見やすさを重視したい。
はなウェブからのご提案
ご自身での更新（運用面）に関するご提案
サイトの管理者権限はすべてお客様にお渡しし、将来的にご自身でサイトを自由に「育てて」いける体制をご提案しました。
「イベントの案内」など、時系列で情報を発信したい内容は「ブログ（お知らせ）機能」で投稿する方法をご提案しました。
ブログ記事の投稿は、ホームページ作成の経験がない方でも比較的簡単に行え、公開すれば自動的にサイトのトップページなどに時系列で表示されます。
はなウェブで制作した固定ページ（「私たちについて」「ご入会のお願い」など）についても、文字の修正や画像の差し替え程度であれば、比較的簡単に行えます。
配色（デザイン面）に関するご提案
お客様が制作されたロゴ（淡いオレンジ色とピンク色のグラデーション）をデザインの基準としました。
ロゴのイメージをサイト全体に反映させつつ、「親しみやすさ」「温かさ」といったご要望のイメージとも両立できるよう、サイト全体の配色をご提案しました。
ロゴとサイトデザインに一体感が生まれるよう、メインカラーからアクセントカラーを設計し、全体の統一感を図りました。
フォント（アクセシビリティ面）に関するご提案
「フォントが大きく、見やすいほうがいい」というご要望に対し、訴求力と可読性のバランスについてご提案しました。
フォントを大きくすると、力強い印象を与え、訴求力を高める効果があります。
その一方で、本文（長い文章）の文字サイズが大きすぎると、かえって読みにくくなり、サイト全体のデザインバランスを損なう可能性もあります。
そこで、見出しは大きくして目を引きつけつつ、ユーザーがしっかり読む本文の文字サイズは、一般的なウェブサイトの標準サイズ（16px程度）より一回り大きく、読みやすいとされる「18px」として設定することをご提案しました。
制作のポイント
色彩に込めた想い
サイト全体のイメージである「親しみやすさ」「安心感」「優しさ」「温かさ」を表現するため、オレンジ色とアースカラー（自然を連想させる色）を基調とした配色をご提案しました。
「優しさと安心感」で包み込む、温かな淡いオレンジ
ロゴにも使用されている温かみのある淡いオレンジをメインカラーに採用。
サイト全体を「優しさ」や「安心感」で包み込みます。
「目の疲れにくさ」に配慮した、暖かみのあるオフホワイト
真っ白ではなく、ごくわずかに暖かみのあるオフホワイトを背景に設定しました。
メインカラーと馴染みつつ、長時間見ていても目が疲れにくい「安心感」のある色合いです。
「落ち着きと信頼感」を添える、こげ茶とベージュのアースカラー
見出し文字には真っ黒ではなく、柔らかい「こげ茶色」を、グローバルナビゲーションには「ベージュ」を採用しました。
オレンジ系の色と相性の良いアースカラーで全体をまとめることで、「地域」や「自分らしい暮らし」といったテーマに寄り添う、落ち着きと信頼感を表現しています。
「活動の楽しさや彩り」を表現する、アクセントのオレンジとピンク
メインカラーよりもしっかりとしたオレンジをアクセントとして使用し、デザインにメリハリをつけています。
また、差し色としてコーラルピンクやピーチ色をグラデーションで加えることで、活動の楽しさや彩りを表現しました。
「次にすべき行動」を明確にする、ユニバーサルデザインの青・青緑色
サイトのゴールである「お問い合わせ（CTAボタン）」や「リンク文字」には、あえて暖色系とは対照的な「青緑色」と「青色」を採用しています。
これは、温かみのあるページの中で「次に行うべき行動」や「クリックできる場所」がユーザーの目に瞬時に留まるようにするためです。
「親しみやすさ」だけでなく、誰にとっても分かりやすく使いやすい「ユニバーサル」なデザインを目指した配色です。
配色（カラーコード・色見本）
| #ffd694 | メインカラー （基調となる主要な色） |
|
| #faf9f7 | ベースカラー （背景色） |
|
| #e86a33 | アクセントカラー （ポイントとなる強調色） |
お客様の声
地域共生ネットワーク東海 様
当団体の代表者より「親身になって制作していただける方」という紹介を受け、ご依頼しました。
完成したホームページで一番気に入っているのは、自分でメンテナンス出来るように設計・納品していただいた点です。
これにより、軽微な修正や更新で費用が発生することも、保守費用が掛かり続けることもありません。
イベント開催後に、ホームページ経由で6件の入会申込を受け付けることができ、ホームページの価値を実感しています。
公開から3か月が経過し、最近よく思うことがあります。それは、Googleの検索結果への満足です。
出来立てなのに、ページタイトルのみならず「全国 地域共生」など当団体との関連ワードでも上位表示されることに驚いています。
時間が経過し、やまさきさんに作成いただいたこのサイトへの愛着と、やまさきさんへの感謝の気持ちがジワジワと増しています。ありがとうございます。
この度はご依頼いただき、誠にありがとうございました。
成果のご報告は、サイト制作者としてとてもに励みになります。
今後の発信とご活躍を楽しみにしております。
サイト仕様
- CMS
- WordPress
- 使用テーマ
- Lightning G3 Pro Unit
- 対応端末
- パソコン / スマートフォン / タブレット（レスポンシブ対応）
- 搭載機能
【 お問い合わせ導線・情報発信 】
- メールフォーム設計・設置（お問い合わせ・お申し込みの窓口づくり）
【 保守・安全性・SEO基盤 】
- セキュリティ対策（不正アクセス・改ざん防止）
- 自動＆手動バックアップ（サイトデータの保存体制づくり）
- XMLサイトマップ（検索エンジンにページを伝える設定）
- 導入ツール
- reCAPTCHA（お問い合わせフォームの迷惑メール・スパム対策）
- Googleサーチコンソール登録（検索キーワードの把握とサイト改善の基盤づくり）
- Googleアナリティクス設定（アクセス状況の見える化）
- 納品資料・設計資料
【 運用・引き継ぎ資料 】
- ブログ更新ガイド（投稿方法をまとめた手順書）
- アップデートマニュアル（日常のメンテナンス方法をまとめた手順書）
- Web資産管理シート（ログイン情報や契約情報を整理して管理するための資料）
【 設計資料 】
- カラーコード一覧表（配色ルールを共有するためのカラーパレット資料）
- ディレクトリマップ（サイト構造とSEO設計を整理した資料）
- サイトツリー（ページ全体の構成を把握しやすくした図解資料）
お客様情報
- 名称
- 地域共生ネットワーク東海様
- サイト名
- 地域共生ネットワーク東海
- URL
- https://cknw-tokai.com
- エリア
- 愛知・岐阜・三重・静岡
- 事業内容
- 愛知・岐阜・三重・静岡で、多様性を認め合い共に生きる地域共生社会の実現を目指す任意団体。
様々な立場の人々が集い、共に考え行動するネットワークです。