2026-10-18

ホームページ制作費用の相場|自作との比較

「ホームページを作りたいけれど、見積もりが30万円の会社と150万円の会社がある。何が違うのか分からない」——そんな戸惑いを抱えていませんか。金額の幅が大きいのは、ホームページ制作費用が「作業の量」ではなく「どこまで任せるか」で決まるからです。この記事では、制作会社・フリーランス・自作の3つを、費用の内訳と向いている人で整理します。

ホームページ制作費用はどこで決まるか

見積書の金額は、ざっくり次の4つの合計です。

つまり、同じ10ページのサイトでも「原稿と写真をこちらで用意する」だけで数十万円動きます。見積もりを比較するときは、総額ではなくこの4項目のどこが含まれていないかを必ず確認してください。

3つの作り方の費用比較

項目制作会社フリーランス自作
初期費用の目安50〜150万円20〜60万円0〜10万円
制作期間2〜4か月1〜2か月数日〜1か月
月額維持費1〜5万円(保守込み)0〜2万円0〜5,000円
原稿・写真依頼可(別費用)要相談自分で用意
公開後の修正保守契約内 or 都度都度見積もり自分で即対応

※金額は一般的な見積もりレンジの目安です。要件によって大きく変動します。

自作の「0円」は本当に0円か

ノーコードツールやWordPressを使えば自作は可能ですが、ゼロにはできない固定費があります。

加えて、見落としがちなのが自分の時間です。初めてWordPressを触る方が10ページのサイトを形にするまで、実作業で40〜80時間は見ておくべきでしょう。時給換算すると、安い制作費と変わらないこともあります。

それぞれに向いている人

制作会社が向く人

フリーランスが向く人

自作が向く人

自作でも削ってはいけない3つ

費用を抑える場合でも、ここを省くと集客できないサイトになります。

1. スマホ表示の確認:実機で縦スクロールして文字が読めるか 2. 問い合わせ導線:全ページから2タップ以内で到達できるか 3. 表示速度:画像は幅1600px以下・WebPに変換。これだけで体感が変わります

画像の軽量化はコマンドでも一括処理できます。


# ImageMagickで幅1600pxに縮小し、WebPに変換
for f in *.jpg; do
  magick "$f" -resize 1600x -quality 82 "${f%.jpg}.webp"
done

「動き」は費用差が出やすいポイント

見積もりが膨らむ要因のひとつが、スクロール連動のアニメーションやホバー演出です。実際に動くとこうなります。

▲ 実際に動いています(スクロール・ホバーも試せます)|この部品をカタログで見る

数字が動くだけで実績の印象は変わりますが、こうした演出は既製のパーツを使えば実装コストをかなり圧縮できます。よくある質問の折りたたみも同様です。

▲ 実際に動いています(スクロール・ホバーも試せます)|この部品をカタログで見る

どんな動きが自社サイトに合うか決めかねている方は、動くWebパーツ集motionAETHERのカタログ(https://aether.novamor.jp/demo/index.html)で500点が実際に動く状態で無料閲覧できます。制作会社との打ち合わせで「こういう動きがほしい」と見せられると、見積もりのブレも減らせます。

まとめ

ホームページ制作費用は、何を自分でやり、何を任せるかで決まります。まずは「原稿は自分で書けるか」「公開後に誰が更新するか」の2つに答えを出してください。その答えが、3つの選択肢のどれを選ぶべきかをほぼ決めてくれます。

今日できる一歩として、載せたいページを紙に書き出してみましょう。それがそのまま見積もり依頼書になります。

動くパーツ、探すより選ぶ方が早いかもしれません。

この記事のようなアニメーションが、コピペで使える形で500点。ぜんぶ実物が動くカタログで公開中です。

無料でカタログを見る →
© NOVAMOR / motionAETHER 特定商取引法に基づく表記 プライバシーポリシー