Web Developer Invoice Example
A project invoice for a freelance web build, billed by milestone.
Loads into the free builder with every field filled. Edit anything, then download a real PDF. No signup.
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Design system and responsive layout (Figma to production) | 1 | $2,400.00 | $2,400.00 |
| Next.js front-end build, 9 page templates | 1 | $3,600.00 | $3,600.00 |
| Headless CMS setup and content migration | 1 | $1,200.00 | $1,200.00 |
| Performance pass and Core Web Vitals tuning | 8 | $95.00 | $760.00 |
Milestone 2 of 3. Balance due on delivery of the staging build. Source files released on final payment.
A web developer invoice bills a client for building or maintaining a website or web application. Freelancers and small studios use it after a project milestone, at the end of a sprint, or on a monthly retainer. Because web work is often split into stages, the invoice usually references which milestone it covers and what is still outstanding.
What should a web developer invoice include?
- Your business name, address and tax number if you are registered
- The client's legal name and billing contact
- A clear invoice number and both the issue and due dates
- The project name and the milestone or period being billed
- Line items that map to deliverables, not vague hours
- Any deposit already paid, shown as a deduction
- Payment details and a note on when source files are released
How to create a web developer invoice
- 1Add your business details. Your name, address, contact details and tax number if you are registered.
- 2Add the client. Their name and billing address. Save them to reuse next time.
- 3List the work. Break the job into clear line items the way a web developer bills (see below).
- 4Add tax. Apply your tax rate, or leave it at zero if you are not registered.
- 5Set payment terms and a due date. State when payment is due and how the client can pay.
- 6Download or send. Export a clean PDF, or email it to the client. No signup, no watermark.
How do you itemise a web developer invoice?
Bill by deliverable where you can. Clients understand a line that reads Design system and responsive layout far better than one that reads 24 hours of work. Keep hourly billing for open-ended tasks like performance tuning or fixes, and state the rate on the line. If you took a deposit, add it as a negative line so the balance is obvious.
What do web developers typically charge?
| Region | Typical billing |
|---|---|
| United States | $60 to $150 per hour, or $2,000 to $10,000 per project |
| United Kingdom | £40 to £90 per hour |
| Eurozone | €45 to €95 per hour |
| Canada | C$65 to C$130 per hour |
| Australia | A$80 to A$150 per hour |
Indicative ranges for guidance. Your rate depends on experience, location and the job.
Do web developers charge tax on invoices?
If you are not registered for sales tax or VAT, leave the tax rate at zero and the total is simply the sum of your lines. Registered freelancers in the UK and EU add VAT at their national rate. In the US most pure services are not subject to sales tax, but rules vary by state, so check your own.
What payment terms should a web developer use?
Net 14 or net 15 is common for project work. Ask for a deposit of 30 to 50 percent before you start, then invoice the balance at each milestone. Holding final source files until the last invoice clears is normal and worth stating on the invoice itself.
Frequently asked questions
Should I charge hourly or a fixed project price?+
Fixed prices work when the scope is clear, because the client knows the total up front and you keep the upside if you work fast. Hourly suits ongoing or loosely defined work. Many developers do both on one invoice: fixed lines for defined deliverables, hourly for the parts that are hard to predict.
Do I need to charge tax on a web development invoice?+
It depends on where you and your client are. Registered businesses in the UK and EU charge VAT. In the US, digital and professional services are exempt in many states but not all. When in doubt, confirm with an accountant and set the rate on the invoice accordingly.
How do I invoice a client in another country?+
Bill in a currency you both accept, state your bank or transfer details clearly, and note who covers transfer fees. Services like Wise give you local account numbers in several currencies, which cuts the cost for the client and speeds up payment.
Make this web developer invoice yours
Load the example, swap in your details and download a clean PDF. Free, no signup, no watermark.
Use this exampleLast reviewed March 2026
Related invoice examples
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Logo suite (primary, stacked, icon mark) | 1 | £1,450.00 | £1,450.00 |
| Brand guidelines document, 22 pages | 1 | £780.00 | £780.00 |
| Stationery and signage artwork | 1 | £520.00 | £520.00 |
| Deposit received on 3 March | 1 | -£675.00 | -£675.00 |
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Monthly content retainer (8 articles, 2 email sequences) | 1 | $2,800.00 | $2,800.00 |
| Landing page rewrite | 1 | $650.00 | $650.00 |
| Additional revision round beyond scope | 3 | $110.00 | $330.00 |
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Strategy and account management retainer | 1 | $3,500.00 | $3,500.00 |
| Paid social management (12 percent of spend) | 1 | $1,440.00 | $1,440.00 |
| Creative production, 6 ad sets | 6 | $180.00 | $1,080.00 |
| Ad spend, reimbursed at cost | 1 | $12,000.00 | $12,000.00 |