This page needs JavaScript switched on to build your invoice.
About this web design invoice template
Web projects have clear stages and often ongoing costs such as hosting and maintenance. Showing them separately makes the invoice easy to understand, and makes the ongoing ones easy to repeat.
What to put on a web design invoice
- Separate the one-off build from recurring costs like hosting, domains and maintenance.
- List the pages or features you are charging for, so the scope is on record.
- Bill in stages, such as a deposit, design approval and launch.
- If you resell a domain or plugins, show them as their own lines at cost.
Example web design invoice
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Website design: 5 pages, mobile-friendly | 1 | 2,200.00 | 2,200.00 |
| Content entry and set-up | 6 | 60.00 | 360.00 |
| Hosting and maintenance, monthly | 12 | 25.00 | 300.00 |
| Total | 2,860.00 |
Example figures only. The invoice above opens with these lines already in it. Replace them with your own work and prices.
Want more choice? See all the invoice templates, or go to the main invoice generator. Save your invoice as a PDF, Word or Excel file, or print it.
Questions people ask
How should web design be invoiced?
Most designers bill a deposit before starting, a payment when the design is approved, and the balance at launch. Show each on its own invoice.
How do I invoice recurring hosting?
Send a new invoice for each period, or one annual invoice. Either way, list the period it covers in the description.
Is anything I type sent to a server?
No. The document is made inside your browser. Your business details and the last document are remembered on this device only, so you do not have to retype them, and you can wipe them with the link under the preview.
Related: Freelance Writer invoice · Videography invoice · Tutoring and Lessons invoice · Invoice generator