Invoice templates

Web development invoice template

Phase-based line items — discovery, design, build, launch — plus a maintenance retainer line for after the site goes live.

Preview

See the template as a client-facing document, then open the same starting point inside Hanko.

Use it in Hanko

Invoice

Web Development Invoice

Studio Vale

billing@brightlinestudio.com

Invoice

Invoice #: INV-2026-014

Issue date: September 30, 2026 | Due date: September 30, 2026

Phase: Website Build Milestone

Total due

$10,500

Card, ACH, wire or stablecoin

From / Bill to

Studio Vale / Lumen Clinics

From / Bill to

Studio Vale / Lumen Clinics

DescriptionQtyAmount
Homepage and services page build1$5,500
CMS template implementation1$3,500
Launch QA and deployment1$1,500

Payment methods

Card, ACH, wire transfer or USDC.

Subtotal$10,500
Total due$10,500

What this is

A web development invoice bills a project by phase as it's completed, rather than waiting until launch to bill the full project fee — and separates the one-time build from any recurring post-launch maintenance retainer.

When to use it

  • Billing a deposit before starting discovery or design
  • Invoicing each phase (discovery, design, development, launch) as it's completed
  • Billing an ongoing maintenance or hosting retainer after launch

What to include

Phase reference

Which phase this invoice corresponds to, so it's clear what was delivered for the payment.

Deposit tracking

If a deposit was collected up front, note it and show the remaining balance across phases.

Maintenance scope reference

For post-launch invoices, a brief reference to what the maintenance retainer covers, to avoid ambiguity about what's included.

Template text

Copy this into your own document, or open it directly as a branded starting point in Hanko. Bracketed text like [Client Name] is a placeholder to fill in.

Invoice

Invoice #: [INV-001]

Issue date: [Date] | Due date: [Date]

Phase: [Discovery / Design / Development / Launch / Maintenance]

From / Bill to

[Your Agency Name] / [Client Company Name]

Line items (project phases)

Description Amount

Discovery & Wireframes $3,000

Visual Design (homepage + templates) $5,000

Frontend & CMS Development $8,000

QA, Launch & Handoff $2,000

(Deposit previously paid: -$[amount])

Post-launch maintenance (separate invoice)

Description Amount

Monthly Maintenance & Hosting $300/month

Totals

Subtotal: $[amount]

Total due: $[amount]

Payment terms & methods

Due within [15] days of issue date.

Card, ACH, wire transfer [and stablecoin — USDC, if applicable].

How to customize it

  • Match phase names and amounts to your actual project structure
  • Track the deposit against the total so each phase invoice shows the remaining balance clearly
  • Keep the post-launch maintenance retainer as a separate recurring invoice, not folded into the project invoices

Common mistakes

  • Billing only at project completion instead of by phase, leaving the agency exposed for months of unbilled work
  • No reference to what maintenance covers, leading to disputes over what's a free fix versus billable new work
  • Deposit not clearly tracked against the total, causing confusion at the final invoice

Frequently asked questions

How much should a web development deposit be?

Commonly 25-50% before discovery or design begins, tracked against the total project fee and shown as a credit on subsequent phase invoices.

Should maintenance be on the same invoice as the project?

No — keep it as a separate recurring invoice once the site launches, since it's a different, ongoing scope from the one-time build.

Running this whole industry's workflow

See how Hanko fits the complete client workflow for this industry, not just the invoice.

Other templates

Bill your next build in phases, then the maintenance retainer

Milestone invoices for the build, then a recurring invoice for maintenance — on the same client record in Hanko.

One account for proposals, agreements, invoices, client payments and contractor payouts.

Get Started

Product updates and the occasional tip, about once a month.