HPをリニューアルしたいが、何から整理すればよいか分からない
HP制作前の情報設計
制作会社にも、AI実装にも渡せるHP制作指示書をつくる。
HPをリニューアルしたい。でも、何を載せればよいか分からない。自社の強みやサービス内容を、どう整理して伝えればよいか分からない。
そのまま制作に入ると、見た目は整っていても、何を伝えるHPなのか、誰に向けたHPなのか、問い合わせにつながる導線はどうするのかが曖昧になりがちです。
バードアイでは、HP制作に入る前に、ターゲット、提供価値、サービス内容、ページ構成、原稿、デザイン要件、SEO/AIO要件を整理し、制作会社やCodexなどのAI実装ツールに渡せる指示書としてまとめます。
Problems
HP制作は、作り始める前の整理で決まります。
HP制作やリニューアルでは、デザインや実装に目が向きがちです。
しかし、制作前に必要な情報が整理されていないと、完成後に「見た目はきれいだけど、何を伝えたいのか分からない」「問い合わせにつながらない」「自社らしさが出ていない」という状態になりやすくなります。
誰に向けたHPなのか。何を伝えるべきなのか。どのサービスをどう見せるのか。どのページが必要なのか。SEO/AIOを考えるなら、どんな情報を入れるべきなのか。
HP制作前には、制作会社やAI実装ツールに渡す前の情報整理が必要です。
たとえば、このような状態はありませんか。
制作会社にうまく要望を伝えられない
自社の強みや選ばれる理由を言語化できていない
サービス内容が整理されておらず、ページに落とし込めない
サイトマップやページ構成をどう作ればよいか分からない
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
対応できること
ヒアリングによる現状整理
現在の事業内容、サービス、顧客、強み、既存HPの課題、今後の方向性をヒアリングします。
HP制作の前提となる情報を整理し、何を伝えるHPにするべきかを明確にします。
制作に入る前に、事業やサービスの全体像を整えることで、ページ構成や原稿の判断がしやすくなります。
ターゲット・提供価値の整理
誰に向けたHPなのか、顧客に何を伝えるべきなのかを整理します。
業種、企業規模、課題、検討段階、意思決定者、問い合わせ前の不安などを確認し、ページ構成や原稿に反映します。
HPは、ただ会社情報を載せる場所ではありません。見込み顧客が自分ごととして理解し、相談する理由を見つけるための情報設計が必要です。
自社の強み・選ばれる理由の整理
自社の強み、実績、顧客に評価されている点、競合との違いを整理します。
単なる会社紹介ではなく、見込み顧客が「相談してみたい」と感じる理由を言語化します。
社内では当たり前になっていることでも、顧客から見ると大きな価値になっている場合があります。その価値を、HP上で伝わる言葉に整えます。
サイトマップ設計
トップページ、サービスページ、About、事例、FAQ、コラム、お問い合わせなど、必要なページを整理します。
初期公開時に必要なページと、将来的に追加するページを分けて設計します。
ページを増やせばよいのではなく、ユーザーが必要な情報にたどり着きやすく、検索エンジンやAIにもサイト構造が伝わりやすい形に整えます。
ページ構成・ワイヤーフレーム作成
各ページに何を、どの順番で掲載するかを整理します。
ファーストビュー、課題提起、サービス概要、提供内容、事例、FAQ、CTAなど、ユーザーが理解しやすく問い合わせに進みやすい構成を作成します。
見た目を作る前に、ページの情報の流れを整理することで、制作後のズレや手戻りを減らします。
ページ原稿作成
トップページやサービスページに掲載する原稿を作成します。
単なる説明文ではなく、ターゲットの悩み、提供価値、問い合わせ前の不安、SEO/AIOを意識した語句を踏まえて原稿化します。
「何をしているか」だけでなく、「顧客が何を理解し、何を判断できるようになるか」を意識して文章を整えます。
デザイン要件整理
色、余白、写真・図版の使い方、トーン、見せ方、避けたい表現など、制作時に必要なデザイン要件を整理します。
「分かりやすいが安っぽくない」「クリエイティブ理解がにじむ」「過度にテンプレートっぽく見せない」といったニュアンスも、制作指示として扱えるように言語化します。
デザインの好みだけでなく、ブランドの見え方やユーザーの理解しやすさを踏まえて要件化します。
SEO/AIO要件整理
title、description、H1、H2、内部リンク、FAQ、構造化データ、robots.txt、llms.txtなど、検索エンジンやAIに理解されやすいHPにするための要件を整理します。
サービスページ、FAQ一覧、詳細回答ページ/コラムの関係も設計します。
検索エンジンだけでなく、AI検索やLLMに対しても、会社情報やサービス内容が誤解されにくい構造を目指します。
制作会社向け指示書作成
制作会社に渡せる形で、目的、ターゲット、サイトマップ、ページ構成、原稿、デザイン要件、SEO/AIO要件をまとめます。
制作会社との認識ズレを減らし、修正や手戻りを抑えるための資料として活用できます。
自社の意図を制作会社に伝えやすくし、制作物の品質を上げるための土台をつくります。
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
制作に入る前に、ここまで整理します。
HPリニューアル方針書
HPリニューアルの目的、ターゲット、提供価値、ブランド表現、サービスの見せ方、SEO/AIO方針を整理します。制作の前提となる判断軸をまとめる資料です。
サービス設計書
提供サービスを、顧客が理解しやすい形に再整理します。入口商品、上位サービス、導線、FAQ、価格・運用方針などをまとめます。
サイトマップ・URL設計書
必要なページ、URL、ページ同士の関係、内部リンク、初期公開・追加公開の優先順位を整理します。ユーザーが迷わず情報にたどり着ける構造を設計します。
ページワイヤーフレーム
トップページ、サービスページ、FAQ、コラム、事例など、各ページに何をどの順番で掲載するかを整理します。ページごとの役割を明確にし、制作時の迷いを減らします。
ページ原稿
HPに掲載する本文、見出し、CTA、FAQ回答などを作成します。SEO/AIOとユーザー目線を意識しながら、サービス内容や強みが伝わる文章に整えます。
デザイン要件シート
トーン、色、余白、写真・図版の方向性、避けたい表現、ブランドらしさを整理します。制作会社やAI実装ツールに、見た目の方向性を伝えやすくします。
SEO/AIO実装要件
title、description、H1、内部リンク、構造化データ、FAQ設計、robots.txt、llms.txtなどの要件を整理します。検索エンジンやAIに理解されやすいHPにするための実装方針をまとめます。
制作会社向け指示書
制作会社が実装に入りやすいよう、目的、構成、原稿、デザイン要件、SEO/AIO要件をまとめます。制作会社との認識ズレを減らし、修正や手戻りを抑えるために活用できます。
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制作前の情報を整理します。
