A web design project has natural stages, discovery, design, build, launch, and your invoice should reflect them so the client sees exactly what they are paying for at each point. A clear web design invoice itemizes the phase, credits the deposit, and gets you paid without a client wondering what "website, $6,000" actually covered. Here is what to put on a web design invoice, a sample you can copy, and the payment terms that get web designers paid faster.
What to include on a web design invoice
A web design invoice needs the standard fields plus a few that fit project-based design work.
Your details and the client's:: names, business names, and contact info.
A unique invoice number:: for both your records.
Invoice date and due date:: an exact due date, not just "net 30."
Project reference:: the project or site name, so the client knows which work this covers.
Itemized phases or deliverables:: the work broken out by stage, such as discovery, design, and development.
Revisions:: included rounds noted, and any extra rounds billed separately.
Deposit or milestone credit:: any deposit or earlier milestone payment shown as a credit.
Subtotal, tax, and total:: the amounts and the balance due.
Payment terms and methods:: how and when to pay, plus any late fee.
Breaking the invoice into phases and noting the included revisions are what keep a web design invoice clear, since they show the value of each stage and prevent revision disputes.
Sample web design invoice line items
Here is what realistic web design line items look like, for a small business site billed as a balance after the deposit.
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Discovery and site planning | 1 | $800 | $800 |
| Design (5 pages, desktop and mobile) | 1 | $3,200 | $3,200 |
| Development and content entry | 1 | $2,400 | $2,400 |
| Revision rounds (2 included) | 2 | included | $0 |
| Deposit paid at signing (50%) | 1 | −$3,200 | −$3,200 |
Subtotal: $6,400 · Deposit applied: −$3,200 · Balance due: $3,200
Itemizing by phase shows the client the value of discovery and development, not just design, and crediting the deposit makes the balance clear, which is what keeps a web design invoice from being questioned at the end.
Build your web design invoice for free
You do not need to build this from a blank page. Our free invoice generator lays out every field above, does the math, and downloads a professional PDF in minutes, with no signup. Add your phases and deposit, and the invoice is ready to send.
The free tool is ideal for a one-off invoice. What it does not do is remember your clients, generate the matching deposit and balance invoices, or track which are paid. As your client list grows, FileCurrent saves your details so invoices auto-fill and tells you who has paid and who has not.
Payment terms for web design work
Web design projects get paid more reliably when the money is split across the build.
Take a 50% deposit before you start, with the balance due on delivery, or split larger projects into milestones tied to phases, so you are never carrying weeks of unpaid work. Do not hand over final files or launch the site until the final invoice is paid, which is your strongest position for getting the balance. Keep terms short, net 14 is reasonable, and add a late fee. For ongoing maintenance, bill a monthly retainer in advance. The web design contract template covers the agreement your invoice bills against, and the freelance web designer rates guide covers setting the fees.
Frequently asked questions
What should a web design invoice include?
Your details and the client's, a unique invoice number, the invoice and due dates, the project reference, itemized phases or deliverables (discovery, design, development), included revisions noted, any deposit or milestone credited, the subtotal and balance due, and your payment terms. Breaking the work into phases shows the value of each stage and prevents disputes.
How do web designers usually invoice clients?
Most split payment across the project: a deposit up front, then the balance on delivery, or milestone payments tied to phases like design approval and launch. This protects the designer from carrying long stretches of unpaid work. The invoice itemizes the phases and credits any deposit already paid.
Should I take a deposit for a web design project?
Yes. A 50% deposit before you start is standard, and it commits the client and covers your early work on discovery and design. For larger projects, split payment into milestones. Never deliver final files or launch the site before the final invoice is paid, since that is your strongest position for collecting the balance.
What payment terms should a web designer use?
Net 14 is reasonable for the balance, with a 50% deposit up front or milestone payments across the build. State an exact due date, include a late fee, and for ongoing maintenance bill a monthly retainer in advance. Splitting the payment across the project is what keeps a web design invoice from leaving you exposed.
How do I make a web design invoice?
List your details and the client's, add an invoice number, the dates, the project reference, and the work itemized by phase with included revisions noted, then credit any deposit and show the balance and payment terms. A free invoice generator handles the layout and math, and a dedicated tool generates the deposit and balance invoices and tracks payment.
A clear web design invoice shows the value of every phase and gets you paid for it. FileCurrent saves your clients, generates the deposit and balance invoices, and chases late payments automatically, so you are back to designing instead of chasing. $15/month or $129/year. 7-day free trial, no card required.