フォームの基礎NOTE 09 / BASICS

お問い合わせフォームの制作費用はどう決める?見積もりの内訳と買い切り型の考え方

お問い合わせフォームの制作費用を、要件整理・画面調整・メール設定・テスト・引き継ぎに分解。仮の工数例と、買い切り型を使う場合の見積もりの考え方を紹介します。

フォーム制作の費用は、入力欄の数だけでは決まりません。要件の確認、画面調整、メール設定、テスト、納品後の保守を分けると、必要な作業と金額を説明しやすくなります。テンプレートを使う場合も、商品代金と案件ごとの設置作業は別です。

この記事は、Web制作を受託する方が見積もりを組み立てるためのガイドです。市場の相場や標準単価を断定するものではなく、自分の作業範囲から金額を決める方法を紹介します。

まず、基本の受付と追加機能を分ける

名前・連絡先・相談内容をメールで受けるフォームと、ファイル添付、条件分岐、予約管理、外部システム連携を伴うフォームでは、実装もテストも変わります。「お問い合わせフォーム一式」の一行で見積もる前に、含める機能を書き出しましょう。

  • 入力項目と必須条件、確認画面、完了画面。
  • 管理者通知と自動返信の文面、送信設定。
  • 添付ファイルや、選択に応じた項目の切り替え。
  • 既存サイトのデザインへの調整。
  • 管理画面、予約枠管理、決済、外部連携の有無。
  • 検証する環境と、納品後の対応範囲。

テンプレートに含まれている機能でも、案件の設定へ変更したら確認が必要です。一方、標準機能で満たせる要件を新規開発として見積もる必要はありません。採用する土台と追加作業を対応させます。

作業時間から内訳を組み立てる

基本の計算は「予定する作業時間×自分の時間単価+必要経費」です。以下は計算方法を説明する架空の例です。工数や単価の相場、実案件の見積もり実績を示すものではありません。

小規模フォーム設置の仮の工数例
作業仮の時間確認する内容
要件整理1時間項目・受付後の流れ
画面・項目の調整2時間既存サイトへの組み込み
メール設定1時間通知先・送信元・文面
テスト2時間表示・エラー・受信
引き継ぎ1時間変更手順・担当者

この例は合計7時間です。仮に時間単価を4,000円と置くと作業分は28,000円になり、必要な商品代や外部費用があれば別に整理します。実際には自分の作業履歴、修正範囲、難易度に置き換えてください。

自作・買い切り・月額サービスの比較軸

自作は仕様の自由度がある一方、実装と保守を自分で引き受けます。買い切りテンプレートは土台を再利用できますが、サーバーや送信設定、更新対応は残ります。月額サービスは管理機能などを利用できる場合があり、契約期間や利用条件を含めた比較が必要です。

同じ期間・同じ要件で、導入費、継続費、運用作業、終了時の引き継ぎを並べると比較しやすくなります。「月額0円」を、サーバーや保守作業も含めた総費用が0円という意味にしないことが大切です。

種類ごとの考え方は無料・有料テンプレートと自作の違いでも解説しています。本記事では、その選択を見積書の作業へ落とし込むことに焦点を当てています。

修正と保守の範囲を、作業名で示す

「軽微な修正に対応」だけでは、項目追加や通知先変更が含まれるか判断できません。たとえば、公開前の文言調整、公開後の項目追加、送信環境の変更を分け、それぞれの対応範囲を示します。

見積書に添える説明例:入力・確認・完了画面の設置、通知先と自動返信の設定、合意した環境での送受信確認、変更手順の案内を含みます。受付内容の管理画面、外部システム連携、公開後の新しい入力項目の追加は別途お見積もりします。

これは記載のたたき台です。納品後の不具合対応期間や更新作業などは、実際の契約内容と整合させます。サーバーの管理権限がない場合、誰に設定変更を依頼するかも決めておきます。

再利用できる部分と、案件ごとに必要な部分を見分ける

共通の送信処理を使えても、通知先、文面、入力項目、デザイン、テスト結果は案件ごとに変わります。繰り返し使えるチェックリストや説明資料を整えると、作業の抜けを減らしながら見積もりの精度を上げられます。

FreelanceFormの本体価格は現行の案内で9,800円の買い切りです。購入受付は準備中で、正式な利用条件や税区分などは受付開始時の確認が必要です。複数案件での利用方針も含め、最新の料金・ライセンスを参照してください。

提出前に、納品条件から見積もりを逆に確認する

見積もりを作ったら、何を確認すれば納品になるかを書き出します。納品前チェックリストの各作業を誰が行うか照合すると、受信確認や引き継ぎの工数漏れを見つけやすくなります。

初めての案件では、完了後に実際の作業時間も記録しましょう。次の案件ではその記録を基準にし、条件が違う部分だけを調整すると、根拠のある説明ができます。

THANKS FOR READING.ページの先頭へ
YOUR NEXT STEPFROM KNOWING TO MAKING. ↗

学んだことを、
次の制作案件へ。

フォームの土台があれば、デザインにもっと向き合える。HTML・CSSで編集できる、買い切りのお問い合わせフォーム。

FreelanceFormを見てみる HTML・CSSで編集 / 10デザイン / 買い切り