QuickQuote
Web Design

Web Design Invoice Template

Free web design invoice template with a working editor, live totals and PDF, Word or Excel downloads.

Website invoices are milestone documents. This template separates design, build and launch support so the client can see exactly what the last payment covers.

Step 1 · The basics

Who is this invoice for?

Autosaves as you type
Business details, address and tax information
Tax, website and legal details
Client details
Issue date, validity and referenceINV-TPL-WEBDESIGN

Step 2 · The work

What are you billing for?

Line 1
More line details
Line discount
Line 2
More line details
Line discount
Line 3
More line details
Line discount

Step 3 · Totals and terms

Adjustments, terms and branding

Optional. Your lines already make a valid invoice, so open a block only when this deal needs it.

Discounts, fees and taxNone
Fees (shipping, setup, delivery)
Terms, payment instructions and notes
Payment and due date
Logo, colours and footer

Logo

Add or replace it directly in the document preview. PNG or JPG, up to 330 KB.

Preview the invoice
PageA4 · 210 × 297 mm

Northwind Studio

Northwind Studio LLC

18 Mission Street, Suite 400, San Francisco, CA 94105 hello@northwind.studio +1 415 555 0132 northwind.studio

Tax / VAT: US-4821-9930

Invoice

INV-TPL-WEBDESIGN

Issued Nov 7, 2026

Due Nov 21, 2026

Bill to

Acme Ltd

1200 Market Street, Floor 9, San Francisco, CA 94102 maya@acme.test Tax ID: ACME-9

Project

Web Design Invoice

USD

Design, five pages$2,400.00

5 page × $480.00 · tax 0%

Build and CMS setup$2,600.00

1 project × $2,600.00 · tax 0%

Launch support$450.00

1 project × $450.00 · tax 0%

Items (excl. tax)$5,450.00
Total$5,450.00

Payment terms

50% deposit, balance on delivery.

Payment instructions

Pay by bank transfer and quote this reference.

Northwind Studio LLC · 18 Mission Street, San Francisco · hello@northwind.studio

Total

$5,450.00

Blank template downloads

The blank version contains this template's row structure, units and terms with no figures. Use it to print and fill by hand, or to keep a master copy in Word. Your finished document is exported from the generator above, so the two are never confused.

Blank PDFBlank WordBlank Excel

Example total in this preview: $5,450.00 across 3 lines.

Go straight to the generator

Prefer to start empty? Open the general invoice generator and build the document from scratch.

Free invoice generatorRelated: Web Design Quotation template

Who this template suits

Suits web designers and studios invoicing a site build or a redesign.

What to include

  • Pages or milestones delivered.
  • Build, CMS setup and any integrations.
  • Launch support and the warranty period.
  • Hosting or maintenance if you bill it.

How to complete it

  1. Step 1

    Reference the proposal and the milestone completed.

  2. Step 2

    Bill design, build and support as separate lines.

  3. Step 3

    State the warranty and the hourly rate after it.

Before you send

Pricing, pitfalls and proof

  • How it is pricedBill milestones as they complete and keep hosting on a separate recurring invoice.
  • Common mistakeBundling hosting with the build, which hides both prices and complicates renewals.
  • Keep as evidenceKeep the launch sign-off, the change requests and the support window.

Questions about this template

Should hosting be on the same invoice?

Prefer a separate recurring invoice. Mixing recurring and one-off charges makes both harder to track.

How do I bill a change after launch?

At the hourly rate, with the hours stated. The invoice then matches the support policy.

What if the client delays content?

Reference the agreed launch date and the assumption about content. Delays are easier to discuss before the final invoice.

Can I invoice a retainer for maintenance?

Yes, as a separate line or a separate monthly invoice. State the hours included.

Related templates

All invoice templates (20)