Web Designer Invoice Template
A web designer invoice bills project, lists labour, services and products on separate lines and states the terms (50% deposit, balance due before launch). This template is pre-filled for design and build a 6-page brochure website for a local bakery on a site builder, with mobile layouts and a catering request form: 8 lines totalling $4,215.00 before tax. Edit it and download the PDF.
Pre-filled for a web designer: design and build a 6-page brochure website for a local bakery on a site builder, with mobile layouts and a catering request form. Example prices: replace them with your own.
From
Granite Web Design
737 Market Street
Salem, MA 01970
billing@example.com
(503) 555-0137
Invoice
Bill to
Dana Whitfield
52 Aspen Way
Springfield, IL 62704
client@example.com
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Discovery call and sitemapPage list, goals, review of three competitor sites | 1 project | $400.00 | $400.00 |
| Homepage design, desktop and mobileTwo concepts, two revision rounds | 1 page | $900.00 | $900.00 |
| Inner page templatesAbout, menu, catering, gallery, contact | 5 page | $320.00 | $1,600.00 |
| Content entry and image optimizationClient-supplied copy, 40 photos compressed for web | 6 hr | $75.00 | $450.00 |
| Catering request formSpam filter and email notification to the shop | 1 each | $250.00 | $250.00 |
| Basic on-page search setupPage titles, meta descriptions, alt text, sitemap submission | 1 project | $300.00 | $300.00 |
| Web font licenceRegistered to the client's domain | 1 each | $60.00 | $60.00 |
| Extra homepage revision roundRequested after layout sign-off | 3 hr | $85.00 | $255.00 |
- Subtotal
- $4,215.00
- Balance due
- $4,215.00
Notes
Thank you for choosing Granite Web Design. Terms: 50% deposit, balance due before launch.
Payment details
Bank transfer or card. Please quote the invoice number.
Made with Billwise - invoice-pdf-maker-app.web.app
Preview of the PDF. Everything stays in your browser: nothing is uploaded.
Web Designer invoice at a glance
| Typical job | Design and build a 6-page brochure website for a local bakery on a site builder, with mobile layouts and a catering request form |
|---|---|
| Main billing unit | project |
| Usual payment terms | 50% deposit, balance due before launch |
| Deposit practice | A 50 percent deposit before the discovery call is common, with the balance due before the site goes live on the client's domain. |
| Sample lines | 8 lines, $4,215.00 before tax |
| Largest line | Inner page templates: $1,600.00 (38%) |
| Labour hours billed | 9 h, $3,205.00 |
| Trade-specific fields | Project name, Domain, Staging URL, Revision rounds included, Launch date |
Sample web designer invoice line items
Design and build a 6-page brochure website for a local bakery on a site builder, with mobile layouts and a catering request form: 8 lines adding up to $4,215.00, split into labour $3,205.00 (76%), services $950.00 (23%) and products $60.00 (1%).
| Item | Qty | Rate | Amount |
|---|---|---|---|
| Discovery call and sitemap (Page list, goals, review of three competitor sites) | 1 project | $400.00 | $400.00 |
| Homepage design, desktop and mobile (Two concepts, two revision rounds) | 1 page | $900.00 | $900.00 |
| Inner page templates (About, menu, catering, gallery, contact) | 5 page | $320.00 | $1,600.00 |
| Content entry and image optimization (Client-supplied copy, 40 photos compressed for web) | 6 hr | $75.00 | $450.00 |
| Catering request form (Spam filter and email notification to the shop) | 1 each | $250.00 | $250.00 |
| Basic on-page search setup (Page titles, meta descriptions, alt text, sitemap submission) | 1 project | $300.00 | $300.00 |
| Web font licence (Registered to the client's domain) | 1 each | $60.00 | $60.00 |
| Extra homepage revision round (Requested after layout sign-off) | 3 hr | $85.00 | $255.00 |
| Subtotal | $4,215.00 | ||
| Total before tax | $4,215.00 |
What a web designer invoice should include
- Your web design business name, address, phone and email, plus a tax ID if you are registered
- The customer's name and billing address (Dana Whitfield in the sample)
- A unique invoice number (INV-4535) and the issue date
- Payment terms and a due date: 50% deposit, balance due before launch
- Project name: for example Design and build a 6-page brochure website for a local bakery on a site builder, with mobile layouts and a catering request form
- Domain: for example See notes
- Staging URL: for example See notes
- Revision rounds included: for example See notes
- Line items in project or per item, each with quantity, rate and amount
- How to pay you: bank details, card link or cheque payee
How web designers bill
Web designers usually quote a flat project fee built up from page templates and design phases, with an hourly rate for revisions past the agreed rounds and for content entry.
Web designers commonly use "50% deposit, balance due before launch". A 50 percent deposit before the discovery call is common, with the balance due before the site goes live on the client's domain.
U.S. Bureau of Labor Statistics, Occupational Employment and Wage Statistics, May 2024: median hourly wage of Web and Digital Interface Designers $47.16 (employees, not contractor rates). The sample's $75.00 per hour for "Content entry and image optimization" is 1.6 times that employee figure; a business rate also has to cover insurance, tools, travel, unbilled admin time and profit.
Web Designer invoicing tips
- Invoice the final balance before you point the client's domain at the new site, because once the site is live most of your leverage to collect is gone.
- List each page template separately rather than one 'website' line, so a client who later wants a careers page can see exactly what one more template costs.
- Separate the yearly costs the client keeps paying, such as the site-builder plan, domain renewal and font licence, from your one-off design fee, so nobody assumes your fee recurs.
- Note who holds the site-builder admin login and the domain registrar account after launch; a line stating that ownership passes to the client on final payment protects both sides.
Web Designer billing disputes to head off
- Copy and photos that arrive weeks late stall the launch and the final payment; a line saying the balance is due when the site is ready to publish, not when the content arrives, keeps the project from drifting.
- 'Small tweaks' after sign-off pile up into hours; billing post-approval changes as a dated hourly line shows exactly where the agreed scope ended.
Work a web designer can bill for
Core tasks of Web and Digital Interface Designers (O*NET 15-1255.00, O*NET 29.x task statements, CC BY 4.0). Each can become a line on the invoice.
- Collaborate with management or users to develop e-commerce strategies and to integrate these strategies with Web sites.
- Collaborate with web development professionals, such as front-end or back-end developers, to complete the full scope of Web development projects.
- Communicate with network personnel or Web site hosting agencies to address hardware or software issues affecting Web sites.
- Conduct user research to determine design requirements and analyze user feedback to improve design quality.
- Confer with management or development teams to prioritize needs, resolve conflicts, develop content criteria, or choose solutions.
- Create searchable indices for Web page content.
How to make a web designer invoice
-
Add both parties
Enter Granite Web Design (your business) and the customer, Dana Whitfield, then project name.
-
Number and terms
Give it a unique number such as INV-4535 and set the terms to 50% deposit, balance due before launch.
-
List the work
One line per item: the sample runs from "Discovery call and sitemap" (1 project) to "Extra homepage revision round" (3 hr).
-
Check the total
The 8 lines come to $4,215.00; add sales tax only if your state taxes web design work.
-
Download and send
Download the PDF or print it, then keep a copy with the web design work records.
Frequently asked questions
How do I make a web designer invoice?
Add your web design business details, the customer, project name, domain, staging url and revision rounds included, then one line per item with quantity and rate. The template above is pre-filled with 8 lines for design and build a 6-page brochure website for a local bakery on a site builder, with mobile layouts and a catering request form totalling $4,215.00; change the prices and download the PDF.
How do web designers charge?
Mostly project. Web designers usually quote a flat project fee built up from page templates and design phases, with an hourly rate for revisions past the agreed rounds and for content entry.
When should a web designer invoice be paid?
50% deposit, balance due before launch is the usual arrangement. A 50 percent deposit before the discovery call is common, with the balance due before the site goes live on the client's domain. Put the terms and the due date on the invoice so there is no doubt.
How much do web designers earn per hour?
U.S. Bureau of Labor Statistics, Occupational Employment and Wage Statistics, May 2024: median hourly wage of Web and Digital Interface Designers $47.16 (employees, not contractor rates). Self-employed rates are usually higher because they cover overhead and unbilled time.