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

業種別テンプレート
- 画面設計
- レスポンシブページデザイン
- デザイン引き渡し
作成ガイド
進め方の例
範囲と数量の確認
例:「画面設計」から必要な数量と顧客支給の資料を確認し、項目ごとの完了基準を合意します。
見積書の確認と承認
「デザイン引き渡し」の検収方法と全項目の数量、対象外の範囲、見積書の有効期限を顧客と確認し、承認された版を保管します。
納品後の請求準備
承認された版とファイル一覧を引き渡し、使用範囲と修正の完了を確認します。 合意した段階が完了したら、実際の数量と承認された変更内容で請求書を作成します。
ウェブデザインの見積書は、コードを書く前の画面デザインの費用を決める書類で、トラブルの多くもここから生まれます。お客様は動くページを期待しているのに、デザイナーが渡すのはデザインデータだからです。このテンプレートはその境目をはっきりさせます。画面設計、レスポンシブのページデザイン、開発者への引き渡しを別の行にし、固有ページの数、画面サイズ、サイト構築を含むかを確認できます。
記載する項目
- 納品物と作業項目
- 画面設計, レスポンシブページデザイン, デザイン引き渡し:各項目の予定数量と納品範囲を記載します。
- 画面設計
- 画面設計で何種類のページを扱うかを書きます。ブログ記事のテンプレートは、記事が何本あっても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計算ツールが便利です。