明石AIラボ（デモサイト）作成しました。

生成AIの導入から現場での定着までを支援する、架空の事業「明石AI道場」のホームページを制作しました。

今回は、落ち着きと信頼感のあるデザインに加え、サービスの伝わりやすさや、公開後の編集のしやすさを意識しました。

■制作で気を付けたこと

- 【ターゲットの明確化】

  中小企業の経営者・管理職を想定し、「AIを導入したいが、何から始めればよいか分からない」という悩みを起点に構成しました。

- 【メインサービスのアピール】

  「3ヶ月伴走パック」の支援内容・期間・月2回のサポート・料金を整理し、余白を使って読みやすく配置しました。

- 【サイト全体の雰囲気】

  ダークな紺色を基調に、青緑をアクセントとして使用。法人向けの信頼感を持たせながら、相談しやすい雰囲気を目指しました。

- 【ファーストビューでのアイキャッチ】

  画像が折り紙のように開く演出を採用。タイトルは左から順に現れ、その後に説明文と相談ボタンが表示される流れにしました。

- 【導線の明確化】

  無料AI業務診断を主要な入口とし、サービスを読んだ後に相談へ進めるよう、ボタンを配置しました。

- 【WordPressによる作成】

  SWELL子テーマを使用。ファーストビューは専用テンプレートで動きを再現し、それ以降のセクションはブロックエディタで編集できる構成にしました。

- 【デモサイトの明示】

  架空の事業であることを全ページに表示。人物・実績・料金などもデモ設定として扱い、問い合わせフォームは実際に送信しない仕様にしています。

見た目だけでなく、「サービスが伝わること」「相談へ進みやすいこと」「公開後に編集しやすいこと」を意識した制作となりました。