Web designers send a proposal or quote after a discovery call or intake form, before any design work starts. Clients usually compare a few quotes on price, number of pages, timeline, and what is included, such as copywriting, SEO setup, and training. A clear scope helps your quote stand out from cheaper ones that leave things out.
When to use estimates: Use estimates to provide project quotes and get client approval before starting work. Once approved, convert your estimate to an invoice with one click to collect payment.
Create an invoice for payment collection
Upload logo
PDF will be generated with filename:
Invoice_1001_Client_2026-10-14.pdf
List each page or page template. Clients often assume a blog, shop, or extra landing pages are included unless the quote says otherwise.
Name the platform (WordPress, Webflow, Shopify, custom code) and any required plugins or paid apps, since this affects ownership, cost, and how the client can edit the site later.
State how many rounds of changes are included on design and development and the hourly rate for extras, so feedback does not stretch indefinitely.
Specify who writes copy, supplies photos, and provides logos, and by what date. Late or missing content is the top cause of delays and budget overruns.
Spell out forms, booking tools, payment gateways, email signups, analytics, and migrations. Each can add hours that clients do not expect.
Give estimated start, review, and launch dates tied to client approvals, and note that delays on their side move the schedule.
List what is not included, such as SEO strategy, photography, hosting, and maintenance, and show expected recurring costs like hosting and domain renewals.
| Service | Priced | Typical range |
|---|---|---|
| Brochure website (5-7 pages, template-based) | flat fee | $1,500-5,000 |
| Custom website design and build (10-15 pages) | flat fee | $4,000-15,000 |
| E-commerce store setup (Shopify or WooCommerce) | flat fee | $3,000-12,000 |
| Landing page design and build | flat fee | $500-2,500 |
| Hourly design or development work | per hour | $50-150 |
| Website maintenance and updates | per month | $75-500 |
| Website redesign audit and strategy | flat fee | $300-1,500 |
| Additional revision rounds beyond contract | per hour | $60-125 |
Typical US ranges. Rates vary by region, experience, and job size.
Estimate hours for discovery, design, build, content entry, testing, and project management, multiply by your rate, and add 15-20% for feedback rounds and surprises. Many designers underprice by counting only design and build time.
Presenting two or three tiers, such as a basic 5-page site, a standard site with blog and SEO setup, and a full custom build, gives clients a choice and anchors the middle option.
Show the build fee, then monthly maintenance and annual hosting as distinct lines. This makes the project price look clear and sets up recurring revenue from the start.
Quotes typically stay valid for 14 to 30 days. Software costs and your availability change, and a deadline encourages a decision.
Short quotes are usually free. For complex projects that need a detailed discovery phase, such as a site audit, sitemap, or technical planning, many designers charge a paid discovery fee of a few hundred to a couple thousand dollars, often credited toward the project if the client proceeds.
Write a short change order listing the new work, added cost, and any schedule impact, and get written approval before starting. Your quote should say that out-of-scope requests are billed separately.
Not by itself. A quote becomes enforceable when the client accepts it, ideally with a signature or written approval, and it works best when paired with a contract covering ownership, payment, and cancellation terms. Check local rules or have a lawyer review your template.
Compare scope rather than price. Cheaper quotes often leave out custom design, revisions, SEO setup, or training. Offer to trim features to meet their budget instead of cutting your rate for the same work.
Use the Web Design invoice template to bill the client, or convert this estimate once it's approved.
Web Design invoice template