ウェブデザイン見積書

ワイヤーフレーム、レスポンシブ対応ページ、デザインの引き渡しを含むWebデザイン見積書を作成できます。作業範囲と修正回数を決めてから、承認後に請求書へ変換しましょう。

ウェブデザイン見積書の無料テンプレートの記入例:架空の会社名、品目、数量、単価、合計が入った1ページ目
サンプルの金額を入れたプレビューです。テンプレート自体は白紙から始まります。

業種別テンプレート

  • 画面設計
  • レスポンシブページデザイン
  • デザイン引き渡し

作成ガイド

進め方の例

  1. 範囲と数量の確認

    例:「画面設計」から必要な数量と顧客支給の資料を確認し、項目ごとの完了基準を合意します。

  2. 見積書の確認と承認

    「デザイン引き渡し」の検収方法と全項目の数量、対象外の範囲、見積書の有効期限を顧客と確認し、承認された版を保管します。

  3. 納品後の請求準備

    承認された版とファイル一覧を引き渡し、使用範囲と修正の完了を確認します。 合意した段階が完了したら、実際の数量と承認された変更内容で請求書を作成します。

ウェブデザインの見積書は、コードを書く前の画面デザインの費用を決める書類で、トラブルの多くもここから生まれます。お客様は動くページを期待しているのに、デザイナーが渡すのはデザインデータだからです。このテンプレートはその境目をはっきりさせます。画面設計、レスポンシブのページデザイン、開発者への引き渡しを別の行にし、固有ページの数、画面サイズ、サイト構築を含むかを確認できます。

記載する項目

納品物と作業項目
画面設計, レスポンシブページデザイン, デザイン引き渡し:各項目の予定数量と納品範囲を記載します。
画面設計
画面設計で何種類のページを扱うかを書きます。ブログ記事のテンプレートは、記事が何本あっても1種類と数えます。
レスポンシブページデザイン
スマートフォン、タブレット、デスクトップなど対応する画面サイズと、ページごとの修正回数を書きます。
デザイン引き渡し
引き渡すデータの形式とツール、スタイルガイドやコンポーネント集が付くかどうかを明記します。
数量と納品形式
ページ数、点数、文字数または再生時間と、最終ファイル形式、編集可能な元データを含むかどうかを記録します。
確認と使用範囲
初稿の承認者、修正回数、使用する媒体と期間、外部素材の手配担当を決めます。
具体的に確認する範囲
固有ページ数とレスポンシブ対応の範囲、デザインデータの引き渡し形式を決め、コーディングを含むかどうかを明記します。

送付前の確認事項

  • 「画面設計」に、含む範囲と価格の前提となる数量を書いていますか。
  • 取引先は「レスポンシブページデザイン」を、含まない範囲まで同じ意味で読めますか。
  • 「デザイン引き渡し」の価格を、見積の有効期限の最終日まで守れますか。
あと3件を表示
  • 初稿の承認後に方向性を変更する場合、どこから追加作業として扱うかを決めます。
  • 編集可能な元データと最終納品データのそれぞれについて、納品対象かどうかを確認します。
  • 見積書の有効期限、顧客の承認方法、段階ごとの支払条件を確認します。

サンプルの金額で見る記入例

以下の金額は、このテンプレートの計算の流れを示すための架空の例です。日本円建ての3行に、消費税10%をかけています。

サンプルの金額で見る記入例
品目数量 × 単価金額
画面設計6 × 6,000円36,000円
レスポンシブページデザイン1 × 9,500円9,500円
デザイン引き渡し2 × 120,000円240,000円
小計285,500円
消費税 (10%)28,550円
合計314,050円

税抜の見積金額285,500円、消費税28,550円、見積合計314,050円です。

書類に記載が必要な項目

見積書に記載が必要な項目と、それぞれが必要な理由は、下のガイドにまとめています。

この書類の消費税は10%で、税抜金額に適用し独立した行として表示します。

税率の公式出典: Japan NTA: consumption tax rates

記載事項の詳細: 適格請求書(インボイス)の記載事項

よくある質問

ウェブデザインの見積りにサイト構築は含まれますか?

見積書に書かれていなければ含まれません。ページの実装も請け負う場合は、開発を別の行にするか見積書を分けて、お客様が他の開発会社と比べられるようにします。

フォントや素材写真の費用は誰が負担しますか?

お客様のために購入したライセンスは、通常は実費で請求します。独立した行にするか、お客様が自分で購入することを備考に書いておきます。

この見積書の消費税はどう計算しますか。

上の記入例では、税抜金額285,500円に消費税10%をかけて税額は28,550円、合計は314,050円です。数量や単価、国を変えると、エディターが三つとも計算し直します。

デザインや色は変えられますか。

はい。エディターで印刷のレイアウトと書類の色を選び直せます。変えても金額は変わらず、PDF・ワード・エクセルのファイルも選んだレイアウトに従います。

取引先にメールで送れますか。

はい、お使いのメールアプリから送れます。無料アカウントでログインすると、エディターのダウンロードメニューに書類をメールで送る項目があり、書類の内容を書いたメールの下書きがメールアプリに開きます。QuoteBillからは送信しないので、PDFを保存して添付してから送ってください。

関連記事

ウェブデザイン見積書の作成前に読んでおきたい記事は、見積書の書き方:記載項目・記入例と確認リストと見積書と請求書の違い:役割・タイミング・書き方です。見積金額に税を加えるときはVAT・GST計算ツールが便利です。