<!-- canonical: https://jiffy-invoice.com/invoice-template/web-design -->

# Free web design invoice template

Websites are billed in milestones because they take weeks and depend on the client sending content. A good web design invoice shows what stage you are at, what has been paid and what comes next. The template below bills a small business website at the design-approval milestone, with the other stages listed for reference.

Adjust the lines for your own project and save the PDF from this page. No account, nothing uploaded. A graphic designer working alongside you might like the [graphic design invoice template](https://jiffy-invoice.com/invoice-template/graphic-design).

## Fill it in and save as PDF

The lines are examples for web designers. Change anything, add your details and download the PDF. Nothing you type leaves this browser.

- Pixelfarm Web Studio
- Redwood Physical Therapy
- 5 page website: design, build and launch

| Description | Qty | Price | Amount |
| --- | --- | --- | --- |
| Milestone 1: discovery, sitemap and wireframes | 1 | $600.00 | $600.00 |
| Milestone 2: visual design of home and inner pages | 1 | $1,400.00 | $1,400.00 |
| Milestone 3: development and CMS setup | 1 | $1,800.00 | $1,800.00 |
| Contact form and Google Business integration | 1 | $250.00 | $250.00 |
| Domain, hosting setup and launch (hours) | 3 | $90.00 | $270.00 |
| Monthly maintenance plan, first month | 1 | $75.00 | $75.00 |

Price includes two rounds of design revisions. Content (text and photos) is supplied by the client; copywriting is available at an hourly rate.

Deposit of 40 percent paid; remaining balance due before launch.

## What to put on an invoice for web designers

- A project name, the number of pages and the platform or tools used
- Milestones with a name and a price each, rather than a single lump
- What the client supplies: text, photos, logos and access to the domain
- Revision rounds included and the hourly rate for extra rounds
- Third-party costs: domain, hosting, premium plugins, stock photos, passed on at cost
- Maintenance, hosting or support plans as recurring lines, with their period
- The deposit received, what is due now and the due date

## How web designers bill

Most projects are priced as a fixed fee split into milestones, such as 40 percent at the start, 30 percent when the design is approved and 30 percent before launch. The split protects you from delays outside your control, like a client who takes three weeks to send photos. Smaller edits and ongoing work are billed hourly or on a monthly retainer.

Keep hosting, domains and maintenance separate from the build. They are recurring services, billed monthly or yearly, and they work well as [recurring invoices](https://jiffy-invoice.com/features/recurring-invoices). The scope of the first project goes in an [estimate](https://jiffy-invoice.com/estimate-app) the client signs, so a "small change" later is easy to price as extra.

## Tips to get paid faster

1. Hold the launch until the final milestone is paid. It is the point of greatest leverage and the clearest line for the client.
2. Write what the client must supply on the invoice or proposal. Missing content is the top cause of late projects and late payment.
3. Name each milestone clearly, such as "design approved". It lets the client see the logic of the payment plan.
4. Pass on domain, hosting and plugin costs at cost, and show their renewal dates.
5. Offer a monthly care plan at launch. Recurring work smooths out the feast and famine of project income.

## Common invoice mistakes

- Billing everything at launch, so a delayed project means a delayed income
- Allowing unlimited revisions during design
- Putting hosting in your own name and paying for it forever without billing the client

## Questions

### What should a web design invoice include?

Your details, the client, the project name, milestones with prices, third-party costs, revision terms, the maintenance plan if any, deposit paid, amount due, the total and the due date.

### How do I bill in milestones?

Agree a payment schedule in the proposal, then send an invoice at each milestone. Each invoice names the milestone and shows what has been paid.

### Should I bill hosting separately?

Yes. Hosting and maintenance are ongoing services. Billing them separately, monthly or yearly, creates recurring revenue and keeps your project price clean.

### Is this web design invoice template free?

Yes. Fill it in online and download the PDF. No account is needed.

## Templates for other trades

- [graphic designers](https://jiffy-invoice.com/invoice-template/graphic-design)
- [freelance writers](https://jiffy-invoice.com/invoice-template/freelance-writing)
- [consultants](https://jiffy-invoice.com/invoice-template/consulting)
- [photographers](https://jiffy-invoice.com/invoice-template/photography)

[Invoice templates by trade](https://jiffy-invoice.com/invoice-template)

Source: https://jiffy-invoice.com/invoice-template/web-design
