You built it, tested it, and handed it over. The client is live and happy. Now comes the part developers often put off: sending the invoice. Whether you work on fixed-price projects, hourly retainers, or milestone-based contracts, a clear professional invoice protects your time, sets payment expectations, and keeps your business finances in order. Here's what to include and a free template ready to use.
What to Include on a Web Development Invoice
1. Your business information
Your name or company name, address, email, and phone. If you're VAT registered, your VAT number is a legal requirement on any VAT invoice. For freelancers operating as sole traders, your personal name and address is fine.
2. Client information
Full name and address of whoever you're billing. For corporate clients, ask early if they need a purchase order (PO) number on the invoice — without it, their accounts team may reject the invoice outright.
3. A unique invoice number
Sequential, one per invoice. It's the reference number both you and your client will use for any payment query. Don't skip it.
4. Invoice date and payment due date
Net 14 or Net 30 are standard for web development work. For larger projects, stage the payments — 30–50% upfront, progress payment at a defined milestone, balance on launch. This protects your cash flow and gives the client a clear payment schedule from day one.
5. Itemised breakdown of work
Development projects have multiple components. Invoice them separately:
Discovery and scoping: Requirements gathering, technical spec (5 hrs @ $95/hr)
Design: UI/UX wireframes and mockups (flat fee $800)
Development: Front-end build, CMS integration (28 hrs @ $95/hr)
Testing and QA: Cross-browser testing, bug fixes (4 hrs @ $95/hr)
Hosting setup: Domain configuration, SSL, deployment (flat fee $150)
6. Third-party costs
If you passed on costs — hosting, licensed fonts, stock imagery, plugins, API fees — list them as separate line items. Don't absorb costs that belong to the client. Most clients expect to pay for third-party services; they just need to see them itemised.
7. Ongoing retainer or maintenance (if applicable)
If you charge a monthly fee for hosting, updates, or support, include it on a separate line with a clear description of what it covers. Ongoing work should always be billed separately from the project invoice.
8. Subtotal, taxes, and total
Tax as a separate line. Any deposit or previous milestone payments deducted. Total at the bottom, unambiguous.
9. Payment terms and methods
Bank transfer, payment link, or both. For retainer clients, consider direct debit or standing order to remove monthly payment friction.
Free Web Developer Invoice Template
Copy and adapt for your next project:
[Your Name / Company Name]
[Address] | [Email] | [Phone] | [VAT Number if applicable]
Invoice #: INV-001 Date: [Date] Due Date: [Date + 14 days]
Bill To:
[Client Name]
[Client Address]
[Client Email] | PO #: [if applicable]
Description | Qty | Unit Price | Total |
|---|---|---|---|
[Phase – e.g. Discovery and scoping] | [X hrs] | $[rate]/hr | $[amount] |
[Phase – e.g. Development] | [X hrs] | $[rate]/hr | $[amount] |
Third-party costs – [description] | 1 | $[amount] | $[amount] |
Less deposit / milestone paid | -$[amount] |
Subtotal: $[amount]
Tax ([X]%): $[amount]
Total Due: $[amount]
Payment methods: [Bank transfer / Card]
Bank details: [Account name, sort code, account number]
Late payments are subject to a [X]% monthly fee after [14] days.
Common Mistakes Developers Make on Invoices
Absorbing third-party costs. If you paid for it on behalf of the client, charge it back. Hosting, fonts, plugins — they're all billable.
Not staging payments on large projects. Invoicing everything at the end of a multi-month project is a cash flow problem and a risk. Stage it from the start.
Missing PO numbers for corporate clients. A missing PO number is a common reason enterprise clients delay payment by weeks. Ask for it before you start work.
Vague project descriptions. "Website development — $4,500" will always generate questions. Break it into phases and the client can see exactly what they're paying for.
The Faster Way to Invoice
When you're switching between projects and clients, manual invoicing is slow and easy to deprioritise. Clervo lets you create and send a professional invoice in under a minute, with automatic payment reminders so you're not spending time chasing what you're already owed.
Ship the project. Send the invoice. Get paid.