Free Invoice Template for Web Designers
Web projects go wrong at the invoice stage for one reason: the client bought "a website" and you delivered design, development, content migration, hosting setup, and three rounds of revisions. An invoice that reflects that structure teaches the client what they actually purchased. One that says "Website — $4,000" teaches them to negotiate.
Create Your Web Designer Invoice| Description | Amount |
|---|---|
| Website Design — 5-page business site | $2500.00 |
| Responsive Development & Cross-browser Testing | $1500.00 |
| Domain & Hosting Setup (first year) | $150.00 |
Illustrative examples — every field is editable in the invoice creator.
How web designers usually bill
Design and build are usually fixed-price and billed at milestones: deposit, design approval, staging handoff, launch. Hosting, domains, and maintenance are recurring and belong on their own invoice cadence — mixing a $2,500 build with a $30 monthly hosting charge on one document makes both harder to reconcile. Post-launch changes are either an hourly rate or a retainer block, and should be named as such before the first request arrives.
What belongs on a web designer invoice
Beyond the obvious — your details, the client’s details, a total — these are the fields that a generic invoice template leaves out and that web designers need:
- Milestone name and number (Milestone 2 of 4 — design approval)
- Revision rounds included, and the rate for rounds beyond that
- Third-party costs passed through — themes, plugins, stock images, licences — listed at cost
- Hosting and domain renewals with their renewal dates, so the client can budget
- Who owns what at launch: source files, design files, and the accounts the site depends on
- Staging URL or project reference so the invoice ties to something the client can see
Deposits, terms, and when to invoice
50% deposit and 50% on launch is the common split for small builds; four milestones is better for anything over a month. Bill the final milestone before DNS cutover, not after — leverage evaporates the moment the site is live on the client's domain. Recurring hosting and maintenance should be invoiced in advance for the period, and should say plainly what happens if it lapses.
Tax and pass-through costs
Several US states tax prewritten software, SaaS, or web hosting while leaving custom design services untaxed, so how you split the lines can determine what is taxable. Pass-through costs like plugin licences and stock imagery should be billed at cost as reimbursable expenses rather than marked up inside your rate, which keeps them out of your income. If you resell hosting rather than passing it through, that is a different tax position again. General information, not tax advice.
Line items that prevent arguments
Each of these is a real dispute that a single line on the invoice makes impossible to have:
- "We thought that was included" — an explicit revision count and a named milestone list define the boundary before the work starts.
- "Why are we paying for hosting again?" — a renewal date on the line item makes the recurring nature visible.
- "Can we get the design files?" — an ownership line settles it as part of the paid transaction rather than a favour asked at the end.
Should web design and development be separate line items?
Yes. They are separate skills, often separate people, and clients evaluate them differently. Splitting them also protects you when a client wants to cut scope — they can drop a phase instead of demanding a discount on the whole.
How do I invoice for ongoing website maintenance?
As a recurring invoice on its own schedule, billed in advance for the period, with the covered hours or scope named on the line. Keep it off the build invoice entirely.
When should I invoice the final milestone on a website build?
Before you point the client's domain at the finished site. Every experienced designer learns this once.
This tool is built for fast, clean PDF invoices. When you need expense tracking, recurring billing, or client portals, these are worth a look:
See the full list of tools we recommend →