Web Design Invoice Template
This free web design invoice template is built for freelance designers and developers, and for the two-person studios that behave like one. Billing for web work is harder than billing for a trade, because nothing you deliver can be photographed on completion and clients rarely agree on what "done" means without being told. A build that ran six weeks and three revision rounds still arrives as a single number in an inbox, and how that number is broken down decides whether it gets paid in a week or in a quarter.
So a web invoice earns its keep by being specific. It should name the milestone or the sprint it covers, list change requests separately from the original scope, pass through third-party costs at cost with the receipts named, and state plainly when the deposit was applied and what remains. If you work across borders it also has to handle currency and tax that a domestic trade never encounters. The generator below is pre-filled with a realistic milestone invoice you can edit line by line.
What this template looks like
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Milestone 2 of 3 — design system & page templates | 1 | $3,200.00 | $3,200.00 |
| Change request #1 — catering & private events page | 1 | $650.00 | $650.00 |
| Content migration — hourly | 4.5 | $95.00 | $427.50 |
| Pass-through: booking plugin, annual license (at cost) | 1 | $249.00 | $249.00 |
A sample invoice — every field, from the line items to the tax and notes, is yours to edit in the free generator.
Get this template
How to fill out a web design invoice
Put your business identity up top
Your trading name, or your own name if you have not registered one, with an email and a location. Remote is fine, but give a city and country: international clients need it for their own tax records. Add your EIN, VAT number, or company number if you have one, because a finance department will ask for it before setting you up as a supplier.
Bill the company, not your contact
Your day-to-day contact is often a marketing manager who cannot authorize payment. Address the invoice to the legal entity with its billing address, then add "Attn:" and your contact underneath. If the client issued a purchase order number, put it in the header — invoices without a PO are routinely bounced back unpaid by systems that never involve a human.
Number it and set real dates
One running sequence, never reused, starting wherever you like. Add the issue date and an explicit due date rather than "due on receipt," which most accounts departments quietly translate to thirty days anyway. Net 14 is a reasonable default for freelance work; if the client imposes net 60, price that delay in rather than absorbing it.
Bill the milestone, not the abstraction
"Website design" is not a line item. "Milestone 2 of 3 — design system and page templates" tells the client exactly what they are paying for and where the project stands. Name the deliverable the way it appeared in the proposal, so somebody comparing the invoice to the signed scope can match them line for line without asking you.
Separate hourly work from fixed scope
If part of the project is fixed price and part is billed by the hour, keep them on different lines and label them. Put the hours in the quantity column with your rate beside it, and reference a timesheet if the client expects one. Blending an hourly overrun into a fixed milestone is the fastest way to make a fair invoice look padded.
Give change requests their own numbered lines
Every out-of-scope addition gets a number, a short description, and its own price: "Change request #1 — catering page." Approve it in writing before you build it, even by email. This single habit does more to prevent unpaid work than any contract clause, because it converts a vague favor into a line the client already agreed to.
Pass through third-party costs at cost
Domains, hosting, premium plugins, licensed fonts, and stock photography belong on their own lines marked "at cost," with the vendor named. Keep the receipts. If you add a handling margin, disclose the percentage rather than quietly inflating the figure — a client who finds a $249 plugin priced at $400 stops trusting every other line on the invoice.
Close with terms, handover, and payment routes
State net terms and any late fee. Say plainly what transfers on final payment — source files, repository access, intellectual property — because that clause is both good practice and a strong incentive. List the ways you accept money, and if you surcharge for cards or international wires, disclose the amount here rather than after the fact.
Billing tips for web design invoices
Deposits and milestone structure
Take a deposit before you open the editor. A third to a half up front is standard for freelance web work, and it filters out clients who were never going to pay. Split the rest across milestones tied to deliverables the client can actually see — design approval, build complete, launch — rather than to dates on a calendar, because dates slip for reasons that are frequently the client's and deliverables do not.
Scope creep and the change request habit
Scope creep almost never arrives as one large request. It arrives as a dozen small ones, each too minor to argue about, which collectively cost a week. The defense is procedural rather than confrontational: every request outside the signed scope gets a number, a price, and a one-line email saying "happy to do this, it is two hours, confirm and I will start." Clients rarely object. They just need the moment where a choice existed.
Retainers beat chasing new projects
A monthly retainer for maintenance, updates, hosting management, and a fixed block of hours turns lumpy project income into something you can plan around. Invoice it on the same date each month, state clearly what the block includes and whether unused hours roll over, and bill overage separately at your standard rate. Clients value predictable support far more than they value a discount, and renewals cost you nothing to win.
Cross-border clients, currency, and tax
Invoice in the currency you agreed and state it explicitly, because $ alone is ambiguous across four continents. Expect the client's bank to shave a wire fee off your total and decide up front who absorbs it. If you are VAT-registered in the UK or EU and billing a business in another country, the reverse charge usually applies and you show zero VAT with a note naming it — but confirm your own position rather than guessing from a forum post.
Tie intellectual property to final payment
State on every invoice that source files, repository access, and IP transfer on receipt of final payment. It is standard practice, it is enforceable in most jurisdictions when it also appears in your contract, and it gives you the only real leverage a freelancer has once the site is already live. Hand over a staging build before then, never production credentials, and never the repository.
Frequently asked questions
What should a web design invoice include?
Your business name, contact details, and tax identifier; the client's legal entity, billing address, and any purchase order number; a unique invoice number and both dates. Then the milestone or deliverable being billed, hourly work with hours and rate shown separately, numbered change requests, and third-party costs passed through at cost. Close with subtotal, tax, deposits already applied, balance due, payment terms, and what transfers on final payment.
Should I charge hourly or a fixed price?
Fixed price for anything you can scope — a marketing site, a redesign, a defined build — because it rewards you for working efficiently and gives the client a number they can approve. Hourly for discovery, ongoing maintenance, and anything genuinely open-ended. Many freelancers run both on one project, which is fine as long as the invoice keeps them on separate lines so nobody suspects the same work was billed twice.
How much deposit should I ask for?
Between a third and half of the project value is standard for freelance web work, taken before any work begins. It covers your time if the project stalls, and it establishes that this is a commercial relationship rather than a favor. For larger builds, split the remainder across two or three milestones so you are never carrying more than a few weeks of unpaid work at a time.
How do I bill for revisions and scope changes?
Define an included number of revision rounds in the proposal, then bill anything beyond that as a numbered change request with its own price. Get a written approval — an email reply saying "yes, go ahead" is enough — before you do the work. The point is not to nickel-and-dime the client but to create a moment where they can decide, so the extra work is expected on the invoice rather than disputed.
Do I charge sales tax or VAT on web design?
It depends entirely on where you are and where the client is. Several US states now tax digital services and website design, while others do not; in the UK and EU, VAT registration depends on your turnover and the reverse charge usually applies on cross-border B2B sales. Check your own registration status and your client's location before you bill, and never charge a tax you are not registered to remit.
How do I handle hosting, domains, and plugin costs?
Pass them through as separate lines marked at cost, with the vendor named and the receipts kept. Alternatively, have the client buy them on their own account and keep them off your invoice entirely, which is cleaner at handover and avoids you owning a renewal you forget about. If you do add a management margin, state the percentage openly rather than folding it invisibly into the price.
What do I do when a client stops paying mid-project?
Stop working immediately — continuing while unpaid only increases what you stand to lose. Send a short, unemotional reminder restating the invoice, the due date, and the fact that work is paused until it clears. Because IP and source files transfer only on final payment, you retain leverage that a contractor who already installed the cabinets does not. For larger balances, a formal demand letter resolves most cases before court is ever discussed.
Is this web design invoice template really free?
Yes — fill it in and download the PDF with no signup, no watermark, and no catch. Use it for one milestone or for every client you have. If you later want to keep clients on file, see which invoices are overdue, and rebill monthly retainers without retyping them, the Paid app on iPhone does that — but you never need it to use this template.
Related templates
Graphic Design
An itemized invoice for freelance graphic designers and studios — concepts, revisions, and usage rights spelled out, free to fill and download.
Photography
An itemized invoice for wedding, portrait, and freelance photographers — free to fill and download.
No-VAT Invoice
A clean invoice with no VAT and no VAT number — for UK businesses that are not VAT registered.
Limited Company
Registered name, company number, and VAT fields the Companies Act expects — free to fill in and download.
The app goes further
Invoice from your pocket
The free tool here makes a clean one-off PDF; the Paid app on iPhone adds what it deliberately leaves out — saved clients, estimates that convert to invoices in a tap, and tracking for what's paid and what's still owed.