HP制作前の情報設計

制作会社にも、AI実装にも渡せるHP制作指示書をつくる。

HPをリニューアルしたい。でも、何を載せればよいか分からない。自社の強みやサービス内容を、どう整理して伝えればよいか分からない。

そのまま制作に入ると、見た目は整っていても、何を伝えるHPなのか、誰に向けたHPなのか、問い合わせにつながる導線はどうするのかが曖昧になりがちです。

バードアイでは、HP制作に入る前に、ターゲット、提供価値、サービス内容、ページ構成、原稿、デザイン要件、SEO/AIO要件を整理し、制作会社やCodexなどのAI実装ツールに渡せる指示書としてまとめます。

Problems

HP制作は、作り始める前の整理で決まります。

HP制作やリニューアルでは、デザインや実装に目が向きがちです。

しかし、制作前に必要な情報が整理されていないと、完成後に「見た目はきれいだけど、何を伝えたいのか分からない」「問い合わせにつながらない」「自社らしさが出ていない」という状態になりやすくなります。

誰に向けたHPなのか。何を伝えるべきなのか。どのサービスをどう見せるのか。どのページが必要なのか。SEO/AIOを考えるなら、どんな情報を入れるべきなのか。

HP制作前には、制作会社やAI実装ツールに渡す前の情報整理が必要です。

たとえば、このような状態はありませんか。

HPをリニューアルしたいが、何から整理すればよいか分からない

制作会社にうまく要望を伝えられない

自社の強みや選ばれる理由を言語化できていない

サービス内容が整理されておらず、ページに落とし込めない

サイトマップやページ構成をどう作ればよいか分からない

HP原稿を自社で書くのが難しい

SEO/AIOを考慮したHPにしたい

CodexなどAI実装ツールを使いたいが、指示内容を作れない

制作会社に丸投げせず、自社の意図を反映したHPにしたい

HP制作前の情報設計では、作る前に必要な判断材料を整理し、制作に使える形へ落とし込みます。

Overview

HP制作に必要な情報を、作る前に整理する。

HP制作前の情報設計は、制作会社に依頼する前、またはCodexなどのAI実装ツールで制作を始める前に、HPに必要な情報を整理するサービスです。

単にページ数やデザインイメージを決めるだけではありません。

自社の強み、ターゲット、サービス内容、顧客に伝えるべき価値、サイトマップ、ページ構成、原稿、デザイン要件、SEO/AIO要件までを整理し、制作に使える指示書としてまとめます。

HP制作では、実装前の情報整理が不足していると、制作途中で迷いや手戻りが起きやすくなります。

バードアイでは、広告会社出身の視点、Web集客の視点、ブランディングの視点、SEO/AIOの視点を組み合わせ、制作前に必要な判断材料を整えます。

制作前にそろえる判断材料

  • 誰に向けたHPなのか
  • 何を伝えるHPなのか
  • どのページが必要なのか
  • どんな原稿と導線にするのか
  • SEO/AIOに何を渡すべきなのか

Capabilities

対応できること

01

ヒアリングによる現状整理

現在の事業内容、サービス、顧客、強み、既存HPの課題、今後の方向性をヒアリングします。

HP制作の前提となる情報を整理し、何を伝えるHPにするべきかを明確にします。

制作に入る前に、事業やサービスの全体像を整えることで、ページ構成や原稿の判断がしやすくなります。

02

ターゲット・提供価値の整理

誰に向けたHPなのか、顧客に何を伝えるべきなのかを整理します。

業種、企業規模、課題、検討段階、意思決定者、問い合わせ前の不安などを確認し、ページ構成や原稿に反映します。

HPは、ただ会社情報を載せる場所ではありません。見込み顧客が自分ごととして理解し、相談する理由を見つけるための情報設計が必要です。

03

自社の強み・選ばれる理由の整理

自社の強み、実績、顧客に評価されている点、競合との違いを整理します。

単なる会社紹介ではなく、見込み顧客が「相談してみたい」と感じる理由を言語化します。

社内では当たり前になっていることでも、顧客から見ると大きな価値になっている場合があります。その価値を、HP上で伝わる言葉に整えます。

04

サイトマップ設計

トップページ、サービスページ、About、事例、FAQ、コラム、お問い合わせなど、必要なページを整理します。

初期公開時に必要なページと、将来的に追加するページを分けて設計します。

ページを増やせばよいのではなく、ユーザーが必要な情報にたどり着きやすく、検索エンジンやAIにもサイト構造が伝わりやすい形に整えます。

05

ページ構成・ワイヤーフレーム作成

各ページに何を、どの順番で掲載するかを整理します。

ファーストビュー、課題提起、サービス概要、提供内容、事例、FAQ、CTAなど、ユーザーが理解しやすく問い合わせに進みやすい構成を作成します。

見た目を作る前に、ページの情報の流れを整理することで、制作後のズレや手戻りを減らします。

06

ページ原稿作成

トップページやサービスページに掲載する原稿を作成します。

単なる説明文ではなく、ターゲットの悩み、提供価値、問い合わせ前の不安、SEO/AIOを意識した語句を踏まえて原稿化します。

「何をしているか」だけでなく、「顧客が何を理解し、何を判断できるようになるか」を意識して文章を整えます。

07

デザイン要件整理

色、余白、写真・図版の使い方、トーン、見せ方、避けたい表現など、制作時に必要なデザイン要件を整理します。

「分かりやすいが安っぽくない」「クリエイティブ理解がにじむ」「過度にテンプレートっぽく見せない」といったニュアンスも、制作指示として扱えるように言語化します。

デザインの好みだけでなく、ブランドの見え方やユーザーの理解しやすさを踏まえて要件化します。

08

SEO/AIO要件整理

title、description、H1、H2、内部リンク、FAQ、構造化データ、robots.txt、llms.txtなど、検索エンジンやAIに理解されやすいHPにするための要件を整理します。

サービスページ、FAQ一覧、詳細回答ページ/コラムの関係も設計します。

検索エンジンだけでなく、AI検索やLLMに対しても、会社情報やサービス内容が誤解されにくい構造を目指します。

09

制作会社向け指示書作成

制作会社に渡せる形で、目的、ターゲット、サイトマップ、ページ構成、原稿、デザイン要件、SEO/AIO要件をまとめます。

制作会社との認識ズレを減らし、修正や手戻りを抑えるための資料として活用できます。

自社の意図を制作会社に伝えやすくし、制作物の品質を上げるための土台をつくります。

10

Codex・AI実装向け指示書作成

CodexなどのAI実装ツールに渡すための指示書作成にも対応します。

サイト構造、コンポーネント、ページ原稿、デザイン要件、SEO/AIO実装要件を整理し、AI実装ツールが迷いにくい形に落とし込みます。

AIで実装する場合でも、良い指示がなければ、意図通りのHPにはなりにくくなります。そのため、実装前の情報設計と指示書化が重要になります。

Bird's Eye

作る前に、何を伝えるHPなのかを決める。

HP制作では、デザインや実装に入る前に、決めておくべきことがあります。

誰に向けたHPなのか。何を伝えるHPなのか。どのサービスをどう見せるのか。なぜ選ばれるのか。どのページで、どんな不安に答えるのか。検索エンジンやAIに、どのように理解されたいのか。

ここが曖昧なまま制作を始めると、制作途中で迷いが生まれたり、完成後に「きれいだけど成果につながらないHP」になったりします。

バードアイでは、数字と伝え方、マーケティングとブランディング、SEO/AIOの視点を組み合わせて、制作前に必要な情報を整理します。

制作会社やAI実装ツールに渡す前に、HPの土台を整える。これが、バードアイのHP制作前の情報設計です。

Scope

支援範囲

制作前の情報設計と指示書作成を中心に、対応範囲と別フェーズを分けて整理します。

基本対応範囲

  • 現状ヒアリング
  • 事業・サービス内容の整理
  • ターゲット整理
  • 自社の強み・選ばれる理由の整理
  • サイトマップ設計
  • URL設計
  • ページ構成・ワイヤーフレーム作成
  • ページ原稿作成
  • デザイン要件整理
  • SEO/AIO要件整理
  • FAQ設計
  • 内部リンク設計
  • 制作会社向け指示書作成
  • Codex・AI実装向け指示書作成

必要に応じて対応するもの

  • 既存HPのアクセス状況確認
  • 月次Web集客レポートとの接続
  • HP改善・LP改善
  • ブランディング・情報発信設計
  • SEO/AIO対策
  • 事例原稿作成
  • コラムテーマ設計
  • FAQ詳細回答ページの設計
  • 制作会社との打ち合わせ同席
  • 実装後の表示・導線レビュー

別フェーズで対応するもの

  • HPのデザイン制作そのもの
  • コーディング・実装そのもの
  • サーバー設定
  • CMS構築
  • システム開発
  • 写真撮影・動画制作
  • ロゴ・VI制作
  • 大量のコラム記事制作
  • 公開後の継続運用
  • Web広告運用

このサービスは、HP制作そのものではなく、制作前の情報設計と指示書作成を中心とした支援です。

Monthly Report

既存HPがある場合は、まず状態確認から始めることもできます。

すでにHPがある場合は、HP制作前の情報設計に入る前に、現在のHPがどのように見られているかを確認することもできます。

月次Web集客レポートでは、GA4をもとに、アクセス数、流入経路、よく見られているページ、前月からの変化を確認します。

どのページが見られているのか。どの流入があるのか。どのページを残すべきなのか。どのページを見直すべきなのか。

現在の状態を把握することで、リニューアル時に残すべき内容、見直すべき内容、新しく追加するページを考えやすくなります。

月次Web集客レポートを見る

Related

HP制作前にあわせて整理できること

HP制作前の情報設計は、ブランディング、HP改善、SEO/AIO、広告など、さまざまな施策とつながります。

Deliverables

制作に入る前に、ここまで整理します。

01

HPリニューアル方針書

HPリニューアルの目的、ターゲット、提供価値、ブランド表現、サービスの見せ方、SEO/AIO方針を整理します。制作の前提となる判断軸をまとめる資料です。

02

サービス設計書

提供サービスを、顧客が理解しやすい形に再整理します。入口商品、上位サービス、導線、FAQ、価格・運用方針などをまとめます。

03

サイトマップ・URL設計書

必要なページ、URL、ページ同士の関係、内部リンク、初期公開・追加公開の優先順位を整理します。ユーザーが迷わず情報にたどり着ける構造を設計します。

04

ページワイヤーフレーム

トップページ、サービスページ、FAQ、コラム、事例など、各ページに何をどの順番で掲載するかを整理します。ページごとの役割を明確にし、制作時の迷いを減らします。

05

ページ原稿

HPに掲載する本文、見出し、CTA、FAQ回答などを作成します。SEO/AIOとユーザー目線を意識しながら、サービス内容や強みが伝わる文章に整えます。

06

デザイン要件シート

トーン、色、余白、写真・図版の方向性、避けたい表現、ブランドらしさを整理します。制作会社やAI実装ツールに、見た目の方向性を伝えやすくします。

07

SEO/AIO実装要件

title、description、H1、内部リンク、構造化データ、FAQ設計、robots.txt、llms.txtなどの要件を整理します。検索エンジンやAIに理解されやすいHPにするための実装方針をまとめます。

08

制作会社向け指示書

制作会社が実装に入りやすいよう、目的、構成、原稿、デザイン要件、SEO/AIO要件をまとめます。制作会社との認識ズレを減らし、修正や手戻りを抑えるために活用できます。

09

Codex・AI実装向け指示書

CodexなどのAI実装ツールに渡すために、サイト構造、コンポーネント、原稿、実装条件を整理します。AI実装でも意図が伝わりやすいよう、ページ単位・要素単位で指示を整理します。

Case

HP制作前の整理が、制作の質を変える。

HP制作やリニューアルでは、作る前の情報整理がその後の品質に大きく影響します。

たとえば、バードアイ自社HPリニューアルでは、ChatGPTを活用しながら、ヒアリング、ブランド整理、サービス設計、サイトマップ、ワイヤーフレーム、ページ原稿、SEO/AIO要件、Codex実装指示書までを段階的に整理しています。

このように、制作前に必要な情報を順番に整理することで、制作会社やAI実装ツールに渡しやすく、意図の通ったHPづくりがしやすくなります。

今後は、このプロセス自体を、クライアント向けのHP制作前支援として展開していくことも想定しています。

事例を見る

FAQ

よくある質問

相談前に確認されやすいポイントをまとめています。

HP制作そのものも依頼できますか?

このサービスは、HP制作に入る前の情報設計や制作指示書作成を中心にしています。デザイン制作や実装そのものは、内容に応じて別途相談となります。制作会社がいる場合は、その会社に渡せる指示書として整理できます。既存HPの改善から進めたい場合は、HP改善・LP改善ページもあわせてご覧ください。

制作会社が決まっていなくても相談できますか?

相談できます。制作会社を選ぶ前でも、HPの目的、ターゲット、必要なページ、原稿、デザイン要件を整理しておくことで、制作会社への依頼内容が明確になります。制作会社に丸投げせず、自社の意図を反映したHPにしたい場合にも有効です。

CodexなどAI実装ツールを使う前提でも相談できますか?

相談できます。CodexなどのAI実装ツールを使う場合でも、事前にサイト構造、ページ原稿、デザイン要件、SEO/AIO実装要件が整理されていなければ、意図通りのHPになりにくいことがあります。バードアイでは、AI実装に渡しやすい指示書として情報を整理します。

HP原稿だけ依頼することはできますか?

相談できます。ただし、原稿だけを作る場合でも、ターゲット、サービス内容、強み、ページ構成が整理されていることが重要です。必要に応じて、ブランディング・情報発信設計やSEO/AIO対策と組み合わせ、検索やAIにも伝わりやすい原稿に整えます。

SEO/AIOを考慮したHP制作指示書にできますか?

対応できます。title、description、H1、見出し構成、内部リンク、FAQ、構造化データ、コラム設計、llms.txtなど、検索エンジンやAIに理解されやすいHPにするための要件を整理します。詳しくはSEO/AIO対策ページもあわせてご覧ください。

既存HPのリニューアルにも対応できますか?

対応できます。既存HPがある場合は、現在のページ構成、アクセス状況、サービスの見せ方、問い合わせ導線を確認し、残すべき内容、見直すべき内容、新しく追加すべきページを整理します。まず現状把握から始めたい場合は、月次Web集客レポートも選択肢になります。

自社の強みが整理できていない状態でも大丈夫ですか?

大丈夫です。ヒアリングを通じて、事業内容、顧客、過去実績、選ばれている理由、競合との違いを整理します。そのうえで、HPに掲載するメッセージやページ構成へ落とし込みます。強みの言語化から進めたい場合は、ブランディング・情報発信設計ページも参考になります。

制作会社向けとCodex向けで指示書は変わりますか?

変わります。制作会社向けには、目的、ターゲット、サイトマップ、原稿、デザイン要件、SEO/AIO要件などを共有しやすい形にします。Codex向けには、ページ構造、コンポーネント、実装条件、スタイル方針、構造化データなど、AI実装が迷わないようにより具体的な指示へ落とし込みます。

Contact

作り始める前に、HPの土台を整える。

HP制作やリニューアルは、デザインや実装から始める前に、整理しておくべきことがあります。誰に向けるのか。何を伝えるのか。どのページが必要なのか。どんな原稿にするのか。検索エンジンやAIにどう理解されたいのか。制作会社にも、AI実装にも渡せる形で、HP制作前の情報を整理します。