Web Designer Invoice Template
Web design projects have a natural phase structure — discovery, wireframes, visual design, and handoff — that maps perfectly to milestone billing. This template helps you invoice each phase clearly so clients always know what they're paying for and when.
- No sign-up
- No watermark
- Browser-only
What to include on a web design invoice
Structure your invoice around phases, not hours. A typical web design engagement might include: discovery and sitemap ($X), wireframes for 5 page types ($X), high-fidelity mockups for desktop and mobile ($X), design system documentation ($X), and developer handoff package ($X). If you're designing in a specific tool — Figma, Adobe XD, Webflow — note it in the description; clients may need access later. List the number of pages covered in the scope, and specify whether mobile designs are included in the quoted price or separate.
How web designers price their projects
Small business websites (5–8 pages) typically range from $2,500–$8,000 for design only. E-commerce and complex web apps push well above that. Separate 'design' from 'development' clearly if another party is building the site — your invoice should cover only what you're responsible for. Hourly rates for US web designers run $75–$175. For Webflow or Squarespace builds where you handle both design and development, project-rate pricing (e.g., $4,500 for a 6-page Webflow site) is the most common model.
When to invoice for web design work
Milestone billing works best for web projects: 30–40% upfront, 30–40% at design approval, and the remainder at handoff. This keeps cash flowing and creates natural checkpoints to re-scope if the brief changes. Never deliver final Figma files or developer access until the final payment clears.
Tips for getting paid on web design projects
Define 'done' in your contract: 'Design is complete upon client sign-off of final mockups.' Without this, revisions can continue indefinitely. Include a clause that additional pages or features requested after scope sign-off are billed at your hourly rate. For repeat clients, move to Net 15 terms once you've established trust.
Frequently asked questions
Should I charge separately for responsive design?
If mobile design is a separate deliverable (not just scaling), yes — list it as its own line item. Specifying 'Desktop mockups (5 pages) + Mobile adaptations (5 pages)' makes the scope unambiguous.
How do I invoice for ongoing website maintenance?
Set up a monthly retainer invoice. List the hours included, the tasks covered (updates, backups, speed checks), and roll unused hours over (or don't — state your policy).
Do I need to charge sales tax on web design?
Service-based web design is generally not taxed in most US states, but digital products and some software deliverables may be. Check your state's rules or consult a CPA.