新規制作
ブログ・制作実績・相談窓口を備えた、ホームページ制作サイト
いまご覧の制作サービスサイトもEmDashで構築。サービスの説明は固定ページにまとめ、ブログ・制作実績の更新と、問い合わせ・資料請求の受付を組み合わせています。
- サイト名
- AIで更新できるホームページ制作｜RealAIze
- 制作の種類
- 新規制作
- 制作期間
- 約1週間
何をしたのか
EmDashを使ったホームページ制作サービスを紹介する、自社のサービスサイトを制作しました。 制作内容・料金の考え方・公開までの流れ・よくある質問をトップページにまとめています。 ブログと制作実績は管理画面から投稿でき、相談したい方には問い合わせフォーム、詳しい資料を読みたい方には資料請求ページを用意しました。
BEFORE
取り組む前の状態
サービスの内容を説明する場所に加えて、お知らせや制作事例を継続して発信できる場所が必要でした。相談と資料請求の入口も、訪れた方が選べるようにすることを目的としています。
AFTER
実装後にできること
ブログと制作実績を、専用の入力画面から追加・更新できます。 サービスの固定説明を保ちながら、記事や事例だけを増やせる構成です。フォームでは、新規制作・WordPressからの移行など、相談したい内容を選んで問い合わせできます。
導入した仕組み
- カスタム投稿
- ブログ
- 問い合わせフォーム
- 資料請求フォーム
- AI連携（MCP）
- 予約公開
- SEO・SNS設定
ブログ：記事タイトル、アイキャッチ画像、本文、紹介文を入力して投稿できます。カテゴリー、RSS、予約公開にも対応しています。 制作実績：制作内容・期間・導入機能・大変だった点・こだわった点を入力すると、実績一覧・詳細ページ・トップの紹介欄に反映されます。 問い合わせ・資料請求：EmDash Formsプラグインを利用。送信内容の保存、スパム対策、通知メールと受付後の処理を組み合わせています。 AI連携：MCPを通じて、AIから記事や実績の下書きを作成・更新できます。 検索・SNS設定：記事ごとのタイトル・説明文・画像を設定できます。
画面で見る、今回のポイント
大変だったところ
説明を読む人、資料を見たい人、相談したい人が、それぞれ目的の場所へ進めるように導線を整理しました。 問い合わせと資料請求は、入力画面に加えて、送信内容の保存や通知などの処理をつなぐ必要がありました。
こだわったところ
サービス説明は静的に保ち、更新するブログと制作実績だけをカスタム投稿として管理します。 制作実績は見出しごとの入力欄に分け、HTMLを編集しなくても文章と画像を差し替えられるようにしました。画面幅に合わせて配置が変わり、スマートフォンでも内容を順に読めます。