Free Web Designer Invoice Template & Generator
Build web design invoices for wireframing, UI design, prototyping, and responsive website builds. Itemize by page, component, or project.
Currency
Amount already received from client
Live Preview
Thank you for your business
What should a web designer put on an invoice?
Web design invoices break the project into pages, components, and revision rounds, with mobile optimization on its own line. Reference the agreed page count and scope. Separating the design build from extra revision rounds and any ongoing care plan helps the client see what the one-time fee covers.
Your invoice needs to show exactly what the client is paying for. Break down design work by deliverables like homepage design, subpage templates, or revision rounds. If you are billing hourly, include the date range and total hours. Add your business details and tax ID if you have one. Clients need this for their bookkeeping, and their accountants will reject vague invoices that just say "web design services."
Most web designers take 50% upfront before starting any work. The remaining 50% comes due when you deliver final files or launch the site. For bigger projects, split it into thirds: deposit, midpoint after design approval, and final payment at launch. Do not start building until the deposit clears. Net 15 or Net 30 terms only make sense for ongoing retainer work with established clients.
Send your final invoice before you hand over the files or point the domain. Clients suddenly become hard to reach once they have everything they need. Keep the final deliverables in your own staging environment until payment clears. This is not being difficult, it is basic protection. You can be friendly about it, but be clear that file transfer and payment happen together.
Typical line items
- Website design (per page or project)
- Homepage and key page layouts
- Responsive mobile optimization
- Custom components and sections
- Content population and image setup
- Design revisions (additional round)
- Developer handoff and assets
- Monthly care or update plan
How the work is charged
Web designers usually quote a fixed project price set by the number of pages and components, with extra revision rounds billed separately. Small changes after launch are often charged hourly or under a care plan.
Payment terms and deposits
A deposit before work begins is common, with the balance due at launch or split across milestones such as design approval and delivery. Business clients often pay on net terms.
Tax and compliance
If you are registered for sales tax or VAT, show it as a separate line with your registration number. Selling digital services across borders can change how tax applies, so confirm what applies to you.
Frequently asked questions
How should web designers price their work?
Common models include per-page ($300–$1,000+), project-based ($2,000–$15,000 for a full site), or hourly ($75–$200). E-commerce sites cost more due to product pages, checkout, and integrations.
What should a web design invoice include?
Itemize by project phase: wireframes, mockups, design revisions, responsive testing, and asset delivery. Include the number of pages, revision rounds, and deliverable formats (Figma, PSD, live code).
Should web designers charge separately for stock images?
Yes. Stock photos, icons, and premium fonts are reimbursable expenses. Either bill at cost or include a flat media budget in your estimate. Be transparent about what's included.
Related invoice templates
Read the complete invoicing guide to see how to fill out, number, and send an invoice that gets paid.
Browse all invoice templates →