Example web design invoice
Here is what a typical web design invoice built with this template looks like. It bills 5 line items, from “Website design – 6 page mockups” to “Domain & hosting setup”, for a subtotal of $4,810.00 before tax. Swap in your own rates; the amounts recalculate automatically.
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Website design – 6 page mockups | 1 | $1,800.00 | $1,800.00 |
| Development – responsive build | 1 | $2,400.00 | $2,400.00 |
| Contact form & analytics setup | 1 | $250.00 | $250.00 |
| Content upload (pages) | 6 | $40.00 | $240.00 |
| Domain & hosting setup | 1 | $120.00 | $120.00 |
| Subtotal | $4,810.00 | ||
Suggested note for the client: Milestone 2 of 3 (development). Final milestone billed at launch. Payment due within 14 days. Site credentials handed over on final payment.
What to include on a web design invoice
- Project milestones and which one is being billed
- Design, development and content as separate deliverables
- Third-party costs (themes, plugins, hosting, domain)
- Ongoing maintenance or retainer, if any
- Revision limits
- Handover terms for logins and files
Web Design invoicing tips
- Split web projects into 3 milestones (deposit, design approval, launch).
- List premium themes or plugins as pass-through costs.
- Offer a monthly care plan and bill it on a separate recurring invoice.
- Hand over admin credentials after the final payment clears.
How to use this template
- Replace the sample line items with the work you actually did. The example items show typical web design charges and rates – adjust them to your prices.
- Add your business and client details, set the invoice number and due date, and add tax if you are registered to collect it.
- Download the PDF and email it to your client. Your edits are saved in this browser, so next month you only need to change the dates and items.
Need to quote the job first? Use the quote generator. Getting paid late? Work out interest with the late fee calculator, or browse all 50 invoice templates.
Frequently asked questions
How should I structure payments for a website project?
A common structure is 40–50% upfront, 25–30% at design approval, and the balance at launch.
Should hosting be on the same invoice?
Initial setup can be included, but ongoing hosting or maintenance is cleaner on a separate monthly or annual invoice.
Is this web design invoice template free?
Yes. Edit every field, download as many PDFs as you like and print them. There is no sign-up, no watermark and nothing is uploaded to our servers.
How do I save the invoice as a PDF?
Click "Download PDF / Print" and choose "Save as PDF" as the destination in the print dialog. It works on desktop and mobile browsers.