用語解説

【分かりやすい】ホームページの見積もりの項目を解説します

「ホームページの見積もりをとったけど、内容が理解できない」

こんにちは、岩手のホームページ制作フルブラウンです。

ホームページの作成費用は複雑です。

「どうしてその金額になるの?」ということがイマイチ分かりませんよね。

大切なお金を投資するわけですから、内容をしっかり理解したいです。

・見積もりの項目が分かる
・不要なことにお金を払いたくない

今回はホームページ制作業者の私が、ホームページの見積もりの一般的な項目を解説します。

※制作費の相場についてはこちらの記事をご覧ください。
【令和最新】ホームページの相場と損しない作り方【プロが解説】

ホームページ全体の企画・設計


ホームページの制作はざっくり

  • ・設計
  • ・デザイン
  • ・実装

の3つに分けられます。

見積もりの項目は「この3つのどれに当てはまるか?」と考えると分かりやすいです。

ヒアリング、競合調査

まずは企画からです。

どんなホームページにするのか、様々なことを考慮して戦略を練ります。

  • ・お客様と打ち合わせ(ヒアリング)
  • ・掲載内容の選定
  • ・市場調査
  • ・競合調査
  • ・商品設計案

など、ホームページの目的と達成するための手段を決めます。

サイトマップ、ワイヤーフレーム

戦略が決まったら、設計図を書き始めます。

まずは掲載すべき情報をもとに「サイトマップ」を作ります。

サイトマップとは、ホームページのどのページにどの情報を配置するかを示したものです。

こんな見た目ですね。

次に、ワイヤーフレームという骨組みを作ります。

各ページの構造をここで決定します。

コンテンツ制作

掲載する情報と場所が決まったら、内容をより具体的にしていきます。

  • ・会社の特徴
  • ・サービスの強み
  • ・代表メッセージ
  • ・商品の説明文
  • ・よくある質問

お客様のほうで内容や文章を考える場合、0円となることがほとんどです。

プロにお金を払って頼むか、自分でやってしまうかは判断が必要ですね。

ホームページのデザイン作成


設計図ができたら、完成予想図を作成します。

ロゴや画像、装飾など「見た目」を決定します。

トップページとは、ホームページに訪問したときに最初に表示されるページです。

「玄関」のような役割で、ホームページ全体の紹介をします。

掲載内容のボリュームも必然的に増えるため、他のページよりも料金が高くなることが一般的です。

下層ページ

下層ページとは、項目ごとの用意された個別のページのことです。

トップページが玄関だとすると、下層ページは「部屋」のような存在です。

基本的に、トップページのデザインを応用して下層ページは作られます。

そのためトップページより安い単価になります。

素材(ロゴ、写真)

ホームページで使用するロゴや写真などを準備します。

特に写真はホームページの印象を決める大事な要素です。

プロのカメラマンを派遣して撮影することもよくあります。

デザイナーやカメラマンの報酬が「デザイン費」の項目にあたるわけですね。

コーディング、実装


完成予想図ができたら、いよいよ実際のホームページ制作に入ります。

コーディング

完成予想デザインはあくまでイメージ画像です。

コーディングとは、HTMLやCSSといった専用の言語を使ってホームページとして再現することです。

プログラミングと聞いてイメージする、こういうやつですね。

見た目だけではなく、

  • ・リンクの設定
  • ・スライドショーなどの動き
  • ・音声読み上げブラウザ用の設定

など、ホームページとして正しく動作するように仕上げます。

レスポンシブ

レスポンシブとは、デバイスごとに表示設定を調整してあげることです。

ホームページはスマホだけでなく、パソコンやタブレットでも見られますよね。

でも、それぞれのデバイスごとに見やすいデザインは違ってきます。

  • ・スマホの画面は縦長、パソコンの画面は横長
  • ・パソコンではちょうどいい文字の大きさでも、スマホでは小さすぎる
  • ・スマホでちょうどいいデザインは、タブレットだと大きすぎる

など、いろいろと問題が出てきてしまいます。

これを解決するために、レスポンシブという技術を使います。

「このデバイスのときはレイアウトや文字の大きさはこう変える」というように設定してあげるんですね。

デバイスが多様化してる現状では、必須ですね。

機能実装

ホームページにはさまざまな機能をつけることができます。

  • ・お問い合わせフォーム
  • ・ブログ投稿
  • ・会員登録、ログイン

見積もりの項目に「CMS」や「Wordpress」と書いてあったら、「こういった機能を実装するためのツール」のようにイメージしてもらえると分かりやすいと思います。

まとめ

専門的な内容ですが、分からないことは遠慮なく質問してくださいね。

内容をしっかり理解したうえで、気持ちよく契約するのが理想ですので。

それでは、今回は以上です。