Web design quotation

Build a web design quotation with wireframes, responsive pages and design handoff. Define scope and revisions before turning approved work into an invoice.

Templates by industry

  • Wireframe design
  • Responsive page design
  • Design handoff

Preparation guide

Define quantities, revision rounds, source files, final formats and usage scope to reduce rework after delivery.

Deliverables and line items
Wireframe design, Responsive page design, Design handoff: specify the planned quantity and delivery scope for each item.
Quantity and output format
Record pages, images, word counts or running time, final file formats and whether editable source files are included.
Review and usage scope
Specify the draft approver, revision rounds, intended media and duration, and who supplies third-party assets.
Scope to agree
Define unique pages, responsive layouts and design handoff formats, and specify whether coding is included.
  • Agree when a change of direction after draft approval becomes additional work.
  • Check separately whether editable sources and final delivery files are included.
  • Check quote validity, the customer approval method and payment milestones.

  1. Confirm scope and quantities

    Example: start with "Wireframe design", confirm the required quantity and client inputs, then agree completion criteria for each item.

  2. Review and approve the quotation

    Confirm acceptance evidence for "Design handoff", all line quantities, exclusions and quote validity with the customer, and retain the approved version.

  3. Deliver and prepare billing

    Hand over approved versions and a file manifest, confirming usage scope and completed revisions. When the agreed milestone is complete, prepare an invoice using actual quantities and approved changes.