ClauseryWeb design invoice template
Website projects are billed by milestone, with hours, content work and ongoing hosting on top. This template starts with a design milestone, development hours, content upload and a hosting plan.
Opens with the lines below already in. Add your prices; the subtotal, tax and total are calculated, and your next invoice starts with your business details and the next number.
No sign-up. Your answers stay in your browser. Who it is for: Freelance web designers and developers and small web agencies. · Updated
Example: a web design invoice
| Description | Qty | Unit price | Amount |
|---|---|---|---|
| Milestone: design approved | 1 | $1,500.00 | $1,500.00 |
| Development (hours) | 30 | $85.00 | $2,550.00 |
| Content upload (pages) | 8 | $40.00 | $320.00 |
| Hosting and maintenance (months) | 12 | $35.00 | $420.00 |
| Subtotal | $4,790.00 | ||
What to put on a web design invoice
Every invoice needs your details, the client's, an invoice number, the date, what you charged and when payment is due (see how to write an invoice). For web design work, also:
- The milestone you are billing (design approved, site launched) and what it covered.
- Development or support hours at your hourly rate, with the period they cover.
- Recurring hosting or maintenance, with the months it covers.
- Third-party costs you paid on the client's behalf (themes, plugins, domains), as separate lines.
Getting paid
- Split the project into milestones with a payment at each; it keeps the project moving and limits your risk.
- Hand over admin access and the domain when the final invoice is paid, as your contract says.
- Bill hosting and maintenance in advance, monthly or yearly.
Before the work: the paperwork
An invoice is easier to get paid when it points back to something the client signed. Use the free web design contract to agree the price, scope and payment terms first, and the statement of work or the price quote when you need them.
Guide: What to include in a statement of work (SOW)
Free tool: Freelance rate calculator, to work out what to charge.
Questions
How should I structure invoices for a website project?
A deposit to start, then one invoice per milestone (design approved, development done, launch). Each invoice names its milestone.
Should hosting be on the same invoice as the build?
It can be, but separate recurring invoices for hosting and maintenance are easier to track and renew.
How do I invoice hourly support work?
List the hours and the period, for example "Support, 1 to 31 March: 6 hours", at your hourly rate.
Invoice templates for other trades
- Contractor invoice template
- Handyman invoice template
- Cleaning invoice template
- Landscaping and lawn care invoice template
- Photography invoice template
- Video production invoice template
- Graphic design invoice template
- Consulting invoice template
- Freelance writing invoice template
- Tutoring invoice template
- Personal training invoice template
General information, not legal or tax advice. Rules on what an invoice must show vary by country and trade; check yours.