Free Web Designer Invoice Template
Invoice templates designed for the way web design and development projects actually bill.
Template preview
Your Name
hello@yourname.com
(555) 000-0000
INVOICE
#INV-0042
Billed to
Client Company, Inc.
billing@clientco.com
123 Client Street, New York, NY 10001
Issue date
May 7, 2026
Due date
May 21, 2026
| Description | Amount |
|---|---|
Discovery & Strategy Requirements gathering, sitemap, wireframes, and project scoping. | $500 |
UI/UX Design High-fidelity mockups, design system, and prototype. | $2,000 |
Frontend Development Responsive HTML/CSS/JS implementation from approved designs. | $3,000 |
CMS Setup & Configuration Content management system installation, theme, and training. | $600 |
Payment
Bank transfer or online payment link. The industry standard for web projects is 50% upfront and 50% on launch, or milestone-based (e.
Late payment is subject to a 1.5% monthly fee after the due date. Thank you for your business.
Template preview · Customize and download above · Or use kinako to generate invoices automatically
Common line items
Typical for web designers & developers
- Discovery & Strategy$500
Requirements gathering, sitemap, wireframes, and project scoping.
- UI/UX Design$2,000
High-fidelity mockups, design system, and prototype.
- Frontend Development$3,000
Responsive HTML/CSS/JS implementation from approved designs.
- CMS Setup & Configuration$600
Content management system installation, theme, and training.
- SEO Foundation$350
Meta tags, sitemap, robots.txt, and Google Search Console setup.
- Additional Revision Rounds4 hrs × $125/hr
Design or copy revisions beyond the included rounds.
- Monthly Maintenance Retainer$200/mo
Updates, security patches, backups, and minor content edits.
Payment terms
The industry standard for web projects is 50% upfront and 50% on launch, or milestone-based (e.g., 30% deposit, 30% at design approval, 40% on launch). Milestone billing is better for projects over $5,000 because it aligns payment with progress and reduces client risk.
When to send
Send the deposit invoice before work begins — no deposit, no kickoff. Send milestone invoices within 24 hours of the client approving each phase. Send the final invoice before transferring domain access or delivering source files.
Skip the template
kinako generates invoices from your project data, collects payment via Stripe, and sends reminders automatically.
Try kinako freeAbout this template
Web design and development projects are almost never billed with a single flat invoice. Between the discovery phase, design rounds, development sprints, and launch, the right invoicing structure ties each payment to a clear deliverable — which means clients understand exactly what they're paying for and you get paid before the next phase begins. A good web designer invoice template separates design from development, accounts for hosting and domain setup, and has a place for revision rounds and post-launch support hours. It should also handle the deposit-and-milestone model that protects both sides of the project. This template is built for independent web designers and small studios who want invoices that reflect how web projects actually run, not just a blank form with a 'description' field.
Invoice guide for web designers & developers
Milestone billing protects both sides
A single invoice at project completion puts all the risk on you — you've done 80 hours of work before you've seen a second payment. Milestone-based billing ties each invoice to a deliverable the client has already approved, so disputes over payment are rare. Break your project into 3–4 natural phases: discovery, design approval, development complete, and launch. Each phase gets its own invoice, sent and approved before the next phase begins.
How to handle scope creep on invoices
Scope creep is the number-one profit killer in web projects. When a client asks for 'just a small addition,' that addition belongs on a change order — a mini-invoice separate from the project invoice. Describe exactly what was added, how long it took, and what you're charging. Send it the same week it happens. Letting scope creep accumulate and then billing for it at the end creates invoice disputes. Billing it as it happens is expected and professional.
Source files and intellectual property
Your invoice and contract should be clear about what the client owns when the project is done. Standard practice: upon full payment, the client owns the final website files. You retain the right to display the work in your portfolio. Design assets created for this project (icons, illustrations, UI kit) may require separate licensing if the client wants to use them for other purposes. Spell this out in your contract and reference it on your invoice.
Professional invoicing tips for web designers
- Never give access to the production site or source files until the final invoice is paid
- Bill hosting and domains as pass-through line items with zero markup, or as a separate monthly retainer
- Specify your revision policy on every invoice: '2 rounds of revisions included; additional revisions at $X/hr'
- Include your project number and contract date on every invoice for easy reference
- Set 'payment due on receipt' for deposits and Net 14 for milestone and final invoices
Also useful for web designers & developers
Free template
Web Designer Contract Template
Key clauses: Scope of work with explicit list of deliverables and what is NOT included, Number of revision rounds included before hourly charges apply
Free template
Web Designer Proposal Template
Includes: Project overview and goals, Scope of work (what's included and what's excluded)
Related invoice templates
Ready to stop filling out templates?
kinako auto-generates invoices from your project data, lets clients pay online, and sends automatic payment reminders. No more copy-pasting from a template.
Includes contracts, proposals & client portal