多様な検討段階を支える、大規模サービスサイトの情報設計

サービスを初めて知る人、他製品と比較する人、料金や法制度への対応を確認する人、社内説明のために資料を探す人では、必要な情報が異なります。機能ページだけで説明しようとすると内容が長くなり、課題別ページを増やすだけでは同じ説明が重複します。多数のページを作る前に、どの疑問をどのページで解消し、次にどこへ進ませるかを決める必要がありました。

制作物にはPC・スマートフォンの画面、イラスト、表、フォーム、WordPressで更新する記事が含まれ、複数の確認者と承認段階がありました。素材や原稿の到着時期も同じではなく、全ページの完成を待つと確認が集中します。ページ種別ごとの確認単位、再利用する部品、公開フェーズを整理し、変更が他ページへ与える影響を把握できる進行が求められました。

利用者の検討段階を「サービスを知る」「自社の課題に合うか判断する」「機能・料金・制度対応を比較する」「事例とFAQで不安を解消する」「資料・デモ・問い合わせへ進む」に分け、ページの役割を割り当てました。同じ説明を各ページへ複製せず、概要から詳細へつなぎ、料金や制度など更新影響の大きい情報は参照先をそろえています。

サイトマップはPC・スマートフォンで別々の内容を作るのではなく、情報の優先順位を共通にし、画面幅に応じて見せ方を変えました。イラストや表はページ単位で発注・確認せず、用途と状態を一覧化しました。WordPressではニュース、コラム、事例などの投稿形式を分け、入力項目と公開前確認をそろえています。制作はページ種別と素材の準備状況に応じてフェーズを分け、承認済み範囲を次工程へ進めました。

情報量が多いサービスサイトでは、すべてをトップページで説明するより、利用者が自分の検討段階を見つけられることが重要です。見出し、要約、図解、比較表、関連リンクの役割を決め、詳細を読む前にページの結論を把握できる構成にしました。イラストも装飾として増やさず、処理の流れ、導入前後、関係者の違いなど文章だけでは理解しにくい箇所へ使っています。

PCとスマートフォンで情報の順序が変わり過ぎないよう、部品単位で再配置しました。資料請求やデモのボタンは常に強調するのではなく、検討に必要な説明を読んだ位置で提示します。多数ページでも表現が揺れないよう、見出し階層、余白、表、注記、フォームへの導線を共通ルールへまとめました。

ページ種別ごとにテンプレートと共通部品を用意し、ニュース、コラム、事例など更新コンテンツはWordPressの入力項目と表示を対応させました。料金、機能、制度対応など複数ページから参照される情報は、修正時に影響箇所を確認できる構成にしています。公開フェーズごとにURL、リンク、フォーム、計測、OGP、表示差分を確認し、承認待ちのページが誤って公開されない状態を保ちました。

各ページは「どの利用者の疑問に答え、次にどの情報や行動へつなぐか」を定め、共通する説明は詳細ページへ集約しました。ページ種別ごとに原稿・素材・確認状況を管理し、承認された範囲から公開工程へ進めることで、多数のページでも説明の重複と更新箇所を確認しやすい構成にしています。