Our Workflow

ホームページ制作の流れ

ホームページ制作は目的の整理から始まります。
何を作るかより、なぜ作るかを考えます。

制作の流れを確認して
課題を見つける

  • 制作会社の選び方で迷っている
  • はじめてホームページ制作を依頼する
  • 現在のサイトに課題を感じている
  • 制作の進め方を事前に理解しておきたい
  • 費用や制作範囲の目安を知りたい
  • 相談前に全体像を把握しておきたい
制作の工程に入る前から、<br>すでに始まっています。

制作の工程に入る前から、
すでに始まっています。

ホームページ制作とは、単に見た目を整えたり、機能を実装したりすることではありません。
その出発点にある問いを整理し、どのような情報を、どのような構造で伝えるべきかを考える過程でもあります。
本ページでは、ホームページ制作を検討する段階から公開に至るまでの流れを、順を追って整理していきます。

ホームページ制作の流れ

ホームページ制作を検討する際、制作会社ごとに「制作の流れ」が掲載されていることがあります。
しかし、実際の制作は単なる作業手順ではなく、目的や課題を整理しながら進行していくプロセスでもあります。

特に初めてホームページ制作を行う場合には、どのような準備が必要なのか、どの段階で何が決まるのかが分かりにくいこともあります。
制作の流れをあらかじめ把握しておくことで、検討や相談を進めやすくなります。

本ページでは、ホームページ制作を検討する段階から公開後の運用まで、一般的な進行の考え方を整理しています。
制作の各工程においてどのような検討が行われるのかを知ることで、目的に応じた進め方を検討しやすくなります。

制作内容や進め方は、目的や状況によって異なりますが、全体の流れを理解することで判断の参考としてご活用いただけます。

ホームページ制作を検討するに至るまで

ホームページ制作を検討する背景には、いくつかのきっかけがあります。
制作は大きく「新規制作」と「リニューアル」の2つに分類されます。

新規制作の場合

新規制作においては、必ずしも最初から「ホームページが必要だ」と明確に意識されているとは限りません。
現在では、Webはビジネスにおいて広く活用されている媒体のひとつとなっており、企業やサービスについて情報を調べる行為は一般的なものとなっています。
そのため、企業やサービスの情報がWeb上に掲載されていることが、信頼性の判断材料の一つとして参照される場面も少なくありません。
特にBtoBの領域においては、企業情報の公開状況が信頼形成に影響する場合があります。
このような背景から、「ホームページが必要かどうか」という検討に至り、制作を選択されるケースがあります。
なお、コーポレートサイトにおける信頼形成の考え方については、別記事にて詳しく解説しています。
コーポレートサイトにおける「信用」の成立条件

リニューアルの場合

既存サイトのリニューアルを検討される場合、多くは現在のサイトに対する違和感がきっかけとなります。

  • デザインが古く感じられる
  • スマートフォンで閲覧しにくい
  • 必要な情報が見つけにくい
  • 他社サイトと比較した際に見劣りして感じられる

といった点が挙げられます。
初期段階では、課題が明確に整理されていないことも少なくありません。

しかし、他社サイトやサービスを閲覧する中で比較が生じ、徐々に問題意識が具体化していきます。

  • 情報の整理が十分ではない可能性がある
  • デザインが現状に合っていない可能性がある
  • 自社の特徴が伝わりにくい
  • 信頼性が十分に伝わっていない
  • お問い合わせにつながりにくい

といった点です。
こうした問題意識を整理する過程を経て、情報構成やデザインの見直しといったリニューアルの検討へと進むケースが多く見られます。

ホームページ制作を依頼するまで

制作を検討した場合でも、すぐに制作会社へ依頼するとは限りません。
多くの場合、依頼に先立って情報収集が行われます。
主な行動としては、以下のようなものがあります。

  • 検索エンジンで制作会社を探す
  • 知人や取引先に相談する
  • 制作事例を確認する
  • 費用の目安を調べる
  • 制作範囲を整理する

ホームページ制作は専門性が高く、完成形を事前に正確にイメージすることが難しい場合があります。
そのため、制作会社の実績や事例が参考情報として確認されることが多くなります。
確認される主な要素としては

  • デザインの方向性
  • 情報整理の分かりやすさ
  • 業種への理解度
  • 実績の幅
  • 更新のしやすさ

などが挙げられます。

また、費用についても重要な検討材料となります。
ただしホームページ制作は内容によって必要な作業が異なるため、単純な価格比較が難しい場合があります。

  • ページ数
  • 機能の有無
  • 原稿作成の有無
  • 写真撮影の有無
  • システム開発の有無

といった条件によって制作工程が変化します。
そのため、依頼前の段階では「何を目的として制作するのか」「どこまでを制作範囲とするのか」といった整理が徐々に行われていきます。
整理が進むことで、具体的な相談へ移行しやすくなります。

制作会社に依頼するか、自分で制作するか

ホームページ制作を検討する際、制作会社へ依頼する方法と、自社で制作する方法のいずれかを選択することになります。
近年では、専門知識がなくてもホームページを作成できるサービスも増えており、選択肢の幅は広がっています。
それぞれに特徴があるため、目的や運用体制に応じて適した方法を検討することが重要です。

制作会社に依頼する場合

制作会社へ依頼する場合、専門的な視点から設計が行われます。

  • 情報整理
  • 構成設計
  • デザイン作成
  • スマートフォン対応
  • 検索エンジンへの配慮
  • 更新のしやすさ
  • セキュリティへの配慮

といった要素が含まれます。
これらは見た目を整えるだけでなく、ホームページの目的達成を支える設計に関係します。例えば

  • お問い合わせにつなげたい
  • サービス内容を正確に伝えたい
  • 企業としての信頼性を伝えたい
  • 情報を分かりやすく整理したい

といった目的がある場合、情報の優先順位や構成が重要になります。
制作会社へ依頼する場合、こうした観点も含めて検討が行われ、課題に応じた構成が提案されます。

自分で制作する場合

自社でホームページを制作する場合、費用を抑えられる点がメリットとして挙げられます。
近年では

  • テンプレートを選択する形式のサービス
  • ドラッグ操作で作成できるサービス
  • ブログ形式で更新できるサービス

などがあり、専門的な知識がなくても公開することが可能になっています。

一方で、目的によっては注意が必要となる場合があります。

  • 情報整理の方針を判断しにくい
  • 構成の妥当性を検討する必要がある
  • デザインの方向性に迷いやすい
  • 更新方法の設計が必要になる
  • 検索エンジンへの配慮が十分でない場合がある

といった点です。
ホームページは公開すること自体が目的ではなく、公開後の運用も含めて検討することが重要です。

  • 情報の追加
  • 内容の更新
  • 導線の調整
  • 継続的な改善

といった対応が発生します。
制作方法の選択は、目的と運用体制を踏まえて検討することが望まれます。

制作会社の選定について

制作会社を探す際には、検索エンジンを利用して情報収集を行うケースが多く見られます。
検索キーワードとしては

  • 「地名 ホームページ制作」
  • 「業種名 ホームページ制作」

などが用いられます。
地名で検索する場合、打ち合わせのしやすさや継続的な相談のしやすさを重視されていることがあります。
また業種名で検索する場合、業界特有の情報構成や表現への理解が期待されているケースがあります。医療、士業、不動産、製造業などでは、掲載情報の整理方法に一定の傾向があります。
一方で、検索順位や実績数のみで適合性を判断することが難しい場合もあります。
制作会社を比較する際には

  • サービス内容が明確に整理されているか
  • 制作の流れが具体的に示されているか
  • 実績の提示方法に一貫性があるか
  • 費用の考え方が説明されているか
  • 公開後の運用について言及されているか

といった点も参考になります。
ホームページ制作では、情報の整理や構造設計が重要となります。
そのため、制作会社自身の情報整理の状態も判断材料の一つとなります。
また、制作会社の選定では、選定理由を説明できるかどうかも重要になる場合があります。
社内で検討を行う際に、判断の根拠を共有しやすいことが求められるためです。 価格や印象だけでなく、公開されている情報の整理のされ方にも注目することで、比較検討がしやすくなります。

相談から公開までの流れ

ここからは、実際に制作を進める際の一般的な流れについてご説明します。
制作工程は単なる作業手順ではなく、検討段階で曖昧だった目的や要件を整理しながら、段階的に具体化していく過程でもあります。
初期段階では「何を作るか」だけでなく、「何のために制作するのか」という目的の整理が重要となります。 そのため、多くの場合はヒアリングから進行します。

ヒアリング

まず、現在の状況や制作の目的について確認を行います。

  • ホームページを制作する背景
  • 現在感じている課題
  • 想定している閲覧者
  • 提供しているサービスの内容
  • 競合との違い
  • 運用体制
  • 公開希望時期

といった内容を整理します。
この段階では、目的が明確に定義されていない場合もありますが、問題はありません。
ヒアリングは目的そのものを整理し、言語化していく工程でもあります。「お問い合わせを増やしたい」というご要望であっても

  • お問い合わせ内容の質を高めたいのか
  • お問い合わせ数を増やしたいのか
  • 特定のサービスへの導線を強化したいのか

によって、適した構成は変わります。
制作初期においては、課題の整理と優先順位の確認が重要となります。
ヒアリングの方法としては、対面での打ち合わせ、またはオンラインでの打ち合わせがあります。

対面での打ち合わせ

対面での打ち合わせでは、同じ空間で資料を確認しながら話を進めることができます。
会話内容だけでなく、資料の確認方法や検討の進め方なども含めて共有しやすく、認識のすり合わせが行いやすい場合があります。
特に初期段階では

  • 検討の進め方
  • 重視するポイント
  • 制作範囲の捉え方

といった前提を共有することが重要になります。
対面での打ち合わせは、こうした認識の共有を行いやすい方法の一つです。

オンラインでの打ち合わせ

オンラインでの打ち合わせは、場所に制約がなく日程調整を行いやすいという特徴があります。
画面共有を利用することで、構成案や参考事例を確認しながら検討を進めることができます。
また、複数拠点からの参加や、記録を前提とした進行にも適しています。
近年では、初回ヒアリングをオンラインで行い、必要に応じて対面での打ち合わせを行うといった進行も一般的になっています。
いずれの形式においても、制作の方向性に関する認識を共有することが目的となります。
制作は情報の整理を伴う工程であるため、初期段階での認識共有が、その後の判断や優先順位にも影響します。

要件整理

ヒアリング内容をもとに、制作範囲と必要な要素を整理します。

  • 必要となるページ数
  • 掲載する情報
  • 必要な機能
  • 更新の頻度
  • 管理方法
  • 既存素材の有無
  • 原稿作成の必要性

などを確認します。
この段階で制作の大枠が定まり、概算費用やスケジュールの目安が見えてきます。
要件整理では、優先順位を明確にすることが重要です。
すべての要素を同時に盛り込むと構成が複雑になる場合があるため、目的に応じて必要な要素を整理していきます。

見積もり

要件整理の内容をもとに、制作内容に応じた見積もりを作成します。
ホームページ制作の費用は、制作の目的や構成、必要な機能によって変動します。、以下のような要素が費用に影響します。

  • ページ数
  • 掲載情報の分量
  • 構成設計の有無
  • デザイン作成の範囲
  • 原稿作成の有無
  • 写真撮影の有無
  • 更新機能の有無
  • お問い合わせ機能の有無
  • システム開発の有無
  • 既存サイトからの移行作業
  • 公開後の運用サポート

同じホームページ制作であっても

  • 情報掲載を主目的とする場合
  • お問い合わせ導線の設計を重視する場合
  • 更新を前提とした構成を必要とする場合

など、目的によって必要な工程は変わります。

見積もりは制作範囲を明確にする役割も持ちます。
あらかじめ対象範囲を整理しておくことで、制作開始後の認識の差異を防ぎやすくなります。
将来的なページ追加や機能拡張を想定する場合には、拡張しやすい構成を検討することもあります。
見積もり金額については、高い・安いといった印象が生じる場合もありますが、その金額は制作会社ごとの前提条件や設計方針に基づいて算出されています。

  • 公開時点で必要な範囲を対象とする場合
  • 更新や追加を想定した構成を含める場合
  • 管理機能の実装を含める場合
  • 公開後の調整を考慮した設計を行う場合

などによって、作業内容は異なります。
同じページ数であっても

  • 固定情報として作成する場合
  • 更新されることを前提として構築する場合

では設計方法が変わります。
複数の制作会社を比較する際には、金額だけでなく制作範囲や前提条件も含めて確認することが重要です。
見積もり段階で制作範囲を整理しておくことで、その後の進行がスムーズになります。

構成設計

次に、情報構造の設計を行います。
構成とはページの一覧だけではなく、閲覧者がどのような順序で情報を理解していくかを設計する工程です。

  • 最初に伝える情報
  • 情報の配置順序
  • 詳細情報への導線
  • お問い合わせへの誘導位置

などを整理します。
構成設計では、企業が伝えたい情報と、閲覧者が知りたい情報の両方を踏まえて調整を行います。
情報の優先順位を整理することで、理解しやすい構造をつくることができます。

デザイン作成

構成をもとに、視覚的な設計を行います。
デザインは見た目の印象だけでなく、情報の優先順位や意味を分かりやすく伝える役割を持ちます。

  • 読みやすい文字サイズ
  • 情報のまとまりを示す余白
  • 重要度に応じた視覚的な強弱
  • ブランドイメージとの整合性
  • スマートフォンでの見やすさ

などを検討します。
コーポレートサイトにおいては、情報の正確さに加えて、視覚的な整合性も信頼性に影響します。

実装(コーディング・システム構築)

デザインをもとに、実際に閲覧できる形式へと構築します。
この工程では

  • ブラウザ表示への対応
  • スマートフォン表示への対応
  • 表示速度への配慮
  • 更新機能の実装
  • セキュリティ対策

といった技術的な対応を行います。
見た目が同じ場合でも、実装方法によって

  • 更新のしやすさ
  • 表示速度
  • 拡張のしやすさ

などに違いが生じることがあります。
そのため、公開後の運用も考慮した設計が重要になります。

確認・調整

公開前に最終確認を行います。

  • 誤字脱字の確認
  • リンクの確認
  • 表示崩れの有無
  • スマートフォンでの表示確認
  • お問い合わせ機能の動作確認

などをチェックします。
公開後の修正も可能ですが、事前に確認を行うことで調整を円滑に進めることができます。

公開

最終確認後、ホームページを公開します。
公開により、第三者がインターネット上で閲覧可能な状態となります。
ただし、公開は制作の完了ではなく、運用の開始でもあります。

公開後の運用について

ホームページは公開後の更新や改善によって、より活用しやすくなります。

  • 情報の追加
  • 実績の掲載
  • 文章の調整
  • 導線の改善
  • アクセス状況の確認

といった対応が行われます。
公開後の改善により、閲覧状況やお問い合わせ状況に変化が見られる場合もあります。
ホームページは公開時点で固定されるものではなく、運用を通じて調整を行っていく媒体といえます。

ホームページ制作ならお任せ
私たちWebkidは、これまでに培った経験とノウハウで、お客様の課題解決に最も適した制作プランをご提案しております。
新規・リニューアルは勿論。他社で制作したホームページの修正やお預かりなどもご対応可能です。まずはお問い合わせください。
お問い合わせ 料金詳細を見る
お気軽にお問い合わせ下さい