ホームページの見積りはどうやって作られる？見積り時のヒアリング項目について聞いてみた

ホームページ制作で一番大事なポイントは、「ホームページを開設する目的」だと思います。
そもそも今、ホームページがあるのか。ホームページがあるのなら、現状に不満があっての改善なのか、拡張のための改善なのか。ホームページがなければ、なぜ必要と感じているのかなど…。

とにかく、ヒアリングの段階ではお客様が「ホームページを使って何を成し遂げたいか」をお伺いすることが重要かな、と思います。

10年ほど前までで言うと、最もよくあった不満は「スマートフォン対応ができていない」というお悩みですね。

チラシや冊子などにQRコードを掲載するシーンも増加していますし、現在はもうほとんどの企業様がスマートフォン対応のホームページに移行したのではないでしょうか。

そのあとに増えてきたのは、「ホームページを使って有益な情報を届けたい」というようなご要望ですね。

例えばブログで商品の使い方を紹介したり、動画でおすすめの活用法を周知したりなど……いわゆる、「コンテンツマーケティング」というものです。

コンテンツマーケティングとは、何もWEB上だけに限りません。SNSでの発信も含まれますし、知識として役立つセミナーを開いたり、会報誌や無料冊子を郵送するといった、オフラインの取り組みも該当します。

どのような目的でホームページを作りたいのかをお伺いしていくと、「どんなページが必要か」ということがだんだん分かってきます。

例えば企業様のホームページであれば、「会社について」「サービス紹介」「お問い合わせ」などのページを作ることが一般的かと思いますが、先ほどの「コンテンツマーケティングをしたい」とか、「セミナーを定期開催するので、申込みページが欲しい」等の要件が増えれば、ページ数や仕組みの構築といった仕様が追加となってきます。

そうですね。ホームページは、増やそうと思えば何ページでもページを増やせます。もちろん、その分工数はかかってきます。

費用感のギャップを埋めるために、ヒアリングを終えた後、見積りを提出する段階で「サイトマップ」というものも提出することがあります。お客様サイドでご用意していただくこともありますよ。このサイトマップがあると、見積りの精度がぐっとあがってきます。

簡易なものでぱっとイメージがつきやすいのは、上記のようなツリー型でしょうか。四角で囲っているのが1ページを指します。トップページ（一番メインとなるページ）の下に、どんなページがあるのかを示した図です。

もうちょっと細かく、エクセルなど表で管理することもあります。
（ここまで詳しく書いていると、「ディレクトリマップ」と呼ぶこともあります。制作業者によって呼び方は様々にあるかもしれません）

サイトマップは直訳すると、サイト（ホームページ）上の地図。まさに、1つのホームページにどのようなページが存在するのかを示す図になります。

どういうページが足りていないか、重複していないか？ユーザーはどういう経路でどんなページを見るのか？といったことにも気づきますよ！

情報量が変わらないということであれば、費用が変わらないケースもあります。また、そのホームページを利用するユーザーにとっては、たくさんスクロールをしないと見たい情報にたどり着かないので、情報を見てもらう前に離脱されてしまう、ということもあります。内容次第ですが、あまりいい導線とは言えないこともありますね。

例えばブログ機能やフォトギャラリーなど、「自分で更新をしたいページがあるかどうか」という点は、見積りに大きく関与しますね。

自分で更新をするとなると、お客様自身が管理画面にログインし、入力をするといった、「管理側のページ」も用意しないといけないからです。

そうですね。ですので、例えばブログやニュース、フォトギャラリーなどは自由に自分たちで更新できる場として管理画面から入力できる仕組みを作ってもらい、あまり更新をしないページ（会社概要ページやアクセスページなど）は、都度メンテナンス費用を払って更新してもらうのが主流かな、と思います。

もう一つ費用がかかる機能としては、訪れるユーザーに入力をしてもらうようなページが挙げられます。「お問い合わせフォーム」や「検索機能」といったページなど。

仕様が複雑であれば、私たちのような担当者が直接お伺いして仕様を聞くこともありますし、下記のようなヒアリングシートにご記入いただくこともございます。

ざっくり、ということであれば、実は社内専用で下記のような見積りシミュレーションツールも用意しています（自社で作りました！）。

制作業者によって項目の出し方は様々にあるかと思いますが、ホームページを作る作業だけでいえば、本当にざっくり分けて下記の4点に分かれるのかなと思います。

そうですね、スケジュールを作ったり、先ほど紹介した「サイトマップ」を作ったり、ヒアリングや調整を行ったりする作業です。制作業者によってはディレクション費と記載するところもあるみたいです。

あとは、ディレクターがワイヤーフレームを作る場合はその費用も含まれます。業者によってはデザイン費用に含まれるかもしれませんが。

ホームページの設計図のようなものです。例えば、下記のような感じ。

ワイヤーフレームを作ることで、ホームページに訪れたユーザーがどのように行動するのかをある程度把握できますし、足りない情報や要素がないか、抜け漏れをチェックできます。

デザインを作り込んでしまったあとの修正は時間がかかってしまいますし、場合によっては費用が発生することも。ワイヤーフレームの時点で、掲載するコンテンツや表示順、構成を決めていきます。ホームページ上の導線がある程度決まってきますので、とっても重要な工程なんですよ。

ホームページのデザインは、何ページ作るかによって費用が大きく変わってきます。例えば全ページパソコン版とスマートフォン版のデザインを作ると、なるとかなりの時間がかかり、その分工程も遅れてしまうかな、と。

商品紹介のページなどであれば、同じようなデザインを流用することもあるかと思います。その場合は、主要な1ページだけをデザインし、あとはコーディングのフェーズで対応していくのが一般的かなと思います。

イメージとしては、デザイナーが作ったデザインをパーツに分解し、WEBブラウザが理解しやすいよう組み立てていく作業です。

スマートフォン対応のサイトだと、パソコン版とスマートフォン版では見え方が違いますよね。媒体ごとにデザイン表示の切り替えをするのもまた、コーディング時の作業です。

「自分たちで更新したい機能」や「訪れたユーザーが入力するような機能」を実装したり、それらの機能を実装するための環境を構築する――管理画面を用意するなどが挙げられますね。

環境構築については、そのほかにも「SSLを設定する（インターネット上でのやり取りを暗号化し、なりすましを防ぐ）」「お客様が確認するテスト環境を用意する」などの項目も挙げられます。

機能実装費については、とても複雑な機能を実装したい場合は、そのための設計費をいただいたり、お客様の更新マニュアルを作ったり、動作検証の費用を含むこともあります。ご依頼の要件によって大きく変わってきます。

ここで挙げた項目は、あくまでもざっくりとした一般的な内訳です。これ以外にも例えば企画費、ライティング費、撮影費などがプラスされますし、「SEO対策をお願いしたい」「WEB広告を打ちたい」などであれば、それらの費用も必要となります。

案件の内容や、制作会社によって見積り項目は変わります。分からない点はぜひどんどん質問してみましょう！