ホームページ制作・準備ガイド
原稿も写真も、最初から完成していなくて大丈夫。
ホームページ制作を任され、「制作会社に何を渡せばよいのか」「会社案内だけで足りるのか」と迷っていませんか。
ホームページ制作に必要なものは、目的・掲載情報・写真やロゴ・ドメインなどの管理情報・社内の確認体制です。すべてを完成させてから相談する必要はありません。用意できるものと、制作会社に依頼したいものを分けることから始めましょう。
この記事では、準備物の一覧、原稿と写真のそろえ方、素材の渡し方、手戻りを防ぐ社内確認の進め方を解説します。
ホームページ制作に必要なもの一覧
準備物は、情報の種類と必要になる時期を分けて整理すると進めやすくなります。相談時に必要なものと、デザイン・公開までにそろえればよいものは異なります。
表は横にスクロールできます。必要な時期は一般的な進め方の例で、制作内容によって前後します。
| 準備するもの | 具体例 | 確認する時期 |
|---|---|---|
| 目的・対象者 | 問い合わせ獲得、採用強化、取引先への会社紹介など | 初回相談までに仮決め |
| 予算・希望公開日 | 予算の範囲、公開したい日、日程の理由 | 相談・見積もり前 |
| 掲載情報・会社資料 | 会社案内、サービス資料、料金表、採用情報、よくある質問 | 構成を決める段階 |
| 写真・ロゴ | 商品、設備、職場、社員、ロゴの元データ | デザイン前に有無を確認 |
| 管理情報 | ドメイン・サーバーの契約先、既存サイトの管理担当 | 既存サイトを調べる段階 |
| 問い合わせの受け口 | 受信先、対応担当、必要なフォーム項目 | フォーム設計・公開前 |
| 社内の確認体制 | 窓口担当、情報確認者、最終承認者、確認期限 | 制作開始前 |
未確定の項目は、空欄ではなく「未定」と記録する
「写真がない」「料金を公開するか決まっていない」といった情報も、制作を進めるための判断材料です。未定の内容と、誰がいつ決めるかを共有すると、後から作り直すリスクを減らせます。
相談前に整理したい目的・予算・公開日
目的は「誰に、何をしてほしいか」で考える
「見た目を新しくしたい」だけでは、必要なページや掲載内容が決まりません。サイトを見る人と、その人に期待する行動を整理しましょう。
問い合わせが目的の場合
サービスを検討している担当者に、対応範囲や依頼の流れを理解してもらい、相談につなげる。
採用が目的の場合
応募を検討している人に、仕事内容や職場の雰囲気を伝え、募集要項の確認や応募につなげる。
目的が複数ある場合は優先順位を決めます。すべてを同じ強さで伝えようとすると、トップページの情報量が増え、訪問者が進む先を選びにくくなります。
予算は、制作費と公開後の費用を分ける
初期制作に使える予算と、公開後の保守・更新に使える予算を分けて伝えます。原稿作成、撮影、図解制作などを依頼したい場合は、その希望も最初に共有してください。
金額が決まっていなければ、社内で検討できる範囲や、優先したい内容を伝えましょう。必要な部分から制作する案も相談しやすくなります。
公開希望日は、その理由も伝える
展示会、新サービスの開始、採用活動など、公開日に理由がある場合は共有します。動かせない日なのか、目安なのかによって進行の組み方が変わります。
撮影日、社内確認、取引先への掲載確認など、自社側で必要な時間も含めて計画してください。
ページ別に準備する原稿と会社資料
原稿を白紙から書き始める前に、会社案内、営業資料、提案書、採用資料などを集めます。そのうえで、どのページに何を載せるかを整理しましょう。
社内資料には非公開の情報が含まれる場合があるため、「参考用」と「掲載可能」を分けて渡してください。
| ページ | 準備する情報 | 社内で確認すること |
|---|---|---|
| トップページ | 誰を支援する会社か、主なサービス、選ばれる理由、案内したいページ | 最も優先する事業やメッセージ |
| サービス紹介 | 対象者、悩み、支援内容、対応範囲、流れ、料金の考え方 | 対応できない内容、条件、追加費用の有無 |
| 会社概要 | 正式名称、所在地、代表者、設立、事業内容、連絡先 | 情報の正確性と公開する範囲 |
| 実績・事例 | 依頼前の課題、実施内容、結果、写真、担当者のコメント | 社名・写真・数値を掲載してよいか |
| 採用情報 | 仕事内容、募集条件、勤務地、選考の流れ、職場紹介 | 最新の募集内容と人事担当者の確認 |
| 問い合わせ | 受付内容、フォーム項目、受信先、返信の案内 | 誰が確認し、どのように対応するか |
サービス原稿は、質問への回答から作る
文章にまとめるのが難しい場合は、次の質問に箇条書きで答える方法がおすすめです。制作会社へ原稿作成を依頼する場合も、ヒアリングの材料になります。
- どのような人・企業向けのサービスですか？
- どのような悩みを解決しますか？
- 具体的に何を、どこまで行いますか？
- 依頼から完了まで、どのように進みますか？
- 料金や納期は、何によって変わりますか？
- 相談前によく聞かれることは何ですか？
説明の整理例
「柔軟に対応します」だけでは、読者は依頼できる内容を判断しにくくなります。
実際の対応内容に合わせて「原稿が未完成の場合は、既存資料をもとに掲載項目を整理し、必要に応じて取材・原稿作成をご提案します」のように、対応の場面と内容を具体化します。
上記は文章の作り方を示す例です。自社で提供していない対応は記載しないでください。
数値や実績には、根拠と時点を添える
導入件数、対応年数、従業員数などを使う場合は、何を数えた数字か、いつ時点の情報かを確認します。古い営業資料の数字を、そのまま現在の実績として使わないようにしましょう。
文章の読みやすさは制作会社と調整できますが、サービス内容や数値が正しいかどうかは、情報を持つ部署の確認が必要です。
写真・ロゴを準備するときのポイント
写真は「どこに使うか」から選ぶ
手元にある写真をすべて送る前に、用途を整理します。会社の雰囲気を伝える写真と、商品の細部を説明する写真では、必要な写り方が異なります。
- メイン画像：事業内容や会社の雰囲気が伝わる写真
- サービス紹介：作業風景、設備、商品、提供内容がわかる写真
- 会社紹介：外観、内観、代表者、チームの写真
- 採用ページ：働く様子、職場、社員同士の関わりが伝わる写真
撮影する場合は、横長・縦長の両方や、被写体の周囲に余白があるカットも用意すると、スマートフォンを含むレイアウトに合わせて選びやすくなります。
写真は縮小前の元データを渡す
文書に貼り付けた画像や、画面のスクリーンショットだけでは、大きく表示したときに粗くなることがあります。できる限り、撮影時の元データを共有しましょう。
必要な画素数や縦横比は掲載場所によって変わるため、撮影・購入前に制作会社へ確認します。公開用の軽量化は、使用サイズが決まってから行うと整理しやすくなります。
ロゴは、元データと使い方のルールをそろえる
ロゴは、保有しているAI・SVG・PDFなどの元データや、背景が透明なPNGを共有します。指定色、余白、背景色による使い分けなどのルールがあれば、一緒に渡してください。
データがない場合は、過去にロゴを制作した会社や、名刺・パンフレットの制作担当へ確認します。小さな画像を無理に拡大する前に、使えるデータが残っていないか調べましょう。
掲載できる素材か、事前に確認する
顧客の写真、社員の顔、他社のロゴ、購入した素材などは、掲載可能な用途や確認状況を記録しておきます。検索で見つけた画像や、過去の資料に載っている画像を、確認せず使わないようにしてください。
ドメイン・サーバーなどの管理情報も確認する
既存サイトのリニューアルでは、見た目や原稿に加えて、現在の管理状況を把握する必要があります。最初は、契約先と管理担当者がわかるだけでも構いません。
- ドメインの契約先と契約名義
- サーバーの契約先と管理担当者
- WordPressなど、現在の更新システム
- 会社メールが利用しているサービス
- Google AnalyticsやSearch Consoleの管理者
- 現在の制作会社・保守会社の連絡先
同じドメインで会社メールを使っている場合は、そのことも伝えます。サイトの切り替えに関係する設定を確認する際、メールの利用状況も把握できるようにしておきましょう。
パスワードは、素材一覧表にまとめない
準備物の一覧表には、契約先・担当者・確認状況を記録します。パスワードそのものは書き込まず、必要なアクセス方法を制作会社と相談してください。
利用しているサービスで可能なら、担当者の招待や必要な権限の付与を使います。会社側でも管理できる状態を保ち、制作終了後の権限の扱いまで決めておくと引き継ぎがしやすくなります。
新規制作なら、取得前に相談する
ドメインやサーバーをまだ用意していない場合は、そのまま相談して構いません。必要な機能やメール利用、公開後の管理方法を確認してから、契約内容を決めましょう。
素材の渡し方と社内確認の進め方
1．ページごとに素材を整理する
会社概要、サービス、事例、採用など、ページ単位でフォルダを分けます。ファイル名にも内容と更新日を入れると、探しやすくなります。
ファイル名の例
- 会社概要_20260910_確認済み.docx
- サービスA_原稿_20260910_確認中.docx
- 会社外観_正面_01.jpg
- 採用_職場風景_02.jpg
「最新版」「最終版」だけを繰り返すより、日付と状態を併記する方が区別しやすくなります。
2．素材の状態・担当者・期限を一覧にする
「送ったかどうか」だけでなく、掲載内容が確定しているかを管理します。共有先は一か所にそろえ、修正時はどこを変更したかも伝えましょう。
| ページ・素材 | 状態 | 担当 | 次の対応・期限 |
|---|---|---|---|
| 会社概要 | 確認済み | 総務担当 | 制作会社へ共有 |
| サービス原稿 | 確認中 | 事業責任者 | 対応範囲を金曜日までに確認 |
| 職場写真 | 未準備 | 採用担当 | 撮影候補日を水曜日までに連絡 |
| 顧客事例 | 掲載確認待ち | 営業担当 | 確認予定日を共有 |
担当・期限は管理方法を示す架空の例です。
3．社内の意見を窓口担当者がまとめる
複数の部署が別々に修正依頼を送ると、どの指示を優先するか判断しにくくなります。窓口担当者が意見をまとめ、社内で食い違いを整理してから制作会社へ伝えましょう。
内容の正確性は担当部署、全体方針は責任者など、確認する役割を分けます。最終承認者が初めて確認するタイミングを公開直前にしないことも大切です。
4．構成・原稿・デザインの順に確認する
まず必要なページと掲載項目を決め、次に原稿や素材、その後にデザインを確認すると、変更の影響を整理しやすくなります。
デザイン完成後にサービス内容やページ数が大きく変わると、再調整が必要になる場合があります。判断が難しい内容は、早い段階で確認事項として共有してください。
原稿作成を依頼しても、事実確認は必要です
文章の構成や表現を任せる場合も、料金、仕様、対応範囲、実績などは社内で確認します。取材、執筆、撮影、修正のどこまでが依頼範囲に含まれるかも、制作開始前にそろえておきましょう。
ホームページ制作開始前のチェックリスト
- 誰に見てもらい、何をしてほしいかを整理した
- 予算の範囲と公開希望日、その理由を共有できる
- 必要なページと優先順位を仮決めした
- 会社案内・営業資料など、原稿の材料を集めた
- 写真・ロゴの有無と元データの場所を確認した
- 素材の掲載可否や確認待ちの項目を整理した
- ドメイン・サーバー・メールの管理担当を確認した
- 社内で用意するものと、制作会社に依頼するものを分けた
- 窓口担当者・情報確認者・最終承認者を決めた
- 問い合わせの受信先と公開後の更新担当を決めた
すべてにチェックが付かなくても、相談は始められます。未準備の項目を見えるようにし、制作会社と準備の順番を決めることが重要です。
ホームページ制作の準備でよくある質問
原稿がなくても制作会社に相談できますか？
相談できます。会社案内や営業資料、箇条書きのメモがあれば、情報整理の出発点になります。取材や原稿作成に対応するか、その費用が見積もりに含まれるかを確認しましょう。
写真はスマートフォンで撮影したものでも使えますか？
画質や明るさ、構図が掲載場所に合えば使えます。メイン画像など大きく使う写真は、元データを制作会社に見てもらってから判断してください。撮影が必要な場合は、先に必要なカットを相談すると無駄を減らせます。
会社案内の文章をそのまま使ってもよいですか？
原稿の材料として活用できます。ただし、情報が最新か、Webサイトの読者が知りたい内容に合っているかを確認しましょう。営業担当者の説明を前提にした資料なら、補足が必要になる場合があります。
参考サイトは何を伝えるために用意しますか？
色や雰囲気だけでなく、「サービスの比較がしやすい」「事例を探しやすい」など、参考にしたい理由を伝えるために使います。画面や文章をそのまま使うのではなく、自社の目的に必要な要素を整理しましょう。
準備が間に合わない場合はどうすればよいですか？
不足している素材と確定予定日を早めに共有します。取材・撮影の追加や、公開範囲の調整が可能か相談してください。仮の料金や未確認の実績を、公開用の情報として確定させないことが大切です。
まとめ：準備するものと、依頼するものを分けて進める
ホームページ制作に必要なものは、原稿や写真だけではありません。目的、管理情報、社内の確認体制までそろえることで、制作会社とのやり取りが進めやすくなります。
まずは既存資料と素材を集め、ページごとに「用意済み・確認中・未準備」を整理しましょう。完成した原稿を一人で抱え込んで作るより、情報の材料と未定事項を共有することが、制作を進める第一歩になります。
