How to Send a Web Design Quote That Actually Gets Signed

I’ve sent hundreds of web design quotes. The ones that got signed had one thing in common: the client could understand them in under 60 seconds.

The ones that got ghosted? They were either too vague (“Website design: €3,500”) or too complicated (three-page PDF with hourly breakdowns and fine print). Both fail for the same reason. The client doesn’t know what they’re saying yes to.

Your quote is not an invoice. It’s not a contract. It’s a sales document. Its only job is to make the client feel confident enough to move forward.

Put the total at the top

Every client scrolls to find the number. Stop making them hunt for it.

Put your total project cost at the top of the quote. Then let the breakdown below explain how you got there. This feels counterintuitive. You want to justify the price before they see it. But in practice, hiding the number behind a wall of line items reads as evasive.

Lead with the number. Let the details support it.

Structure: base price plus add-ons

The most effective quoting structure for web design is a base package plus optional add-ons.

Your base package covers the standard deliverables: a set number of pages, responsive design, CMS setup, and basic SEO. This is your floor price. It’s what every project includes, no matter what.

Add-ons are everything beyond that. E-commerce functionality, multi-language support, newsletter integration, custom animations, booking systems, accessibility audits. Each add-on has a fixed price. The client sees what they chose and what each component costs.

This transparency does something powerful: it eliminates negotiation. The client isn’t haggling over a single lump sum. They’re choosing which features they need. If the total is too high, they remove an add-on. You don’t lower your rate.

Show the payment schedule

Don’t just show the total. Show when the client pays and what triggers each payment.

A milestone-based payment schedule tied to project phases makes the investment feel manageable. Instead of “€5,500 due,” the client sees “€1,650 at kickoff, €1,650 at design approval, €1,650 at development completion, €550 at handover.”

Same amount. Completely different psychological impact. The client isn’t writing one big check. They’re paying for progress they can see.

Include the milestone trigger clearly. “Design approval payment is due when you approve the final design mockups.” No ambiguity about when money changes hands.

Include the timeline

A quote without a timeline is incomplete. The client is asking two questions: “How much?” and “How long?” Answer both.

Map each payment milestone to a project phase and give each phase a duration. Discovery and planning: week 1. Design: weeks 2-3. Design revisions: week 4. Development: weeks 4-5. Testing and launch: week 6. Handover: week 6.

Now the client sees the full picture. They know the cost, the schedule, and what happens at each step. That clarity builds confidence.

Show what’s excluded

This is just as important as showing what’s included. Exclusions prevent scope creep and set clear expectations.

List everything you’re not doing: hosting setup, domain registration, content writing, stock photography, post-launch changes, third-party integrations not specified in the scope. If you don’t mention it, the client will assume it’s included.

Frame exclusions as a service, not a limitation. “To keep this project focused and on timeline, the following items are outside the current scope. Any of these can be added as a separate phase.”

Make it easy to say yes

The gap between “I want to hire you” and “I’ve signed the contract” is where most projects die. Every extra step is friction. Every delay is an opportunity for the client to get distracted, second-guess, or find someone else.

The ideal flow: the client receives the quote, reviews the scope, reads the contract terms, and signs. One document, one action, one link.

Don’t send the quote as a PDF attachment in an email that says “let me know what you think.” That’s the starting gun for a week-long email thread of questions, clarifications, and delays.

Instead, give the client a single link where they can review everything and take action immediately. The quote leads into the contract. The contract has an e-signature field. The client signs from their phone while the project is still top of mind.

The follow-up

If you haven’t heard back within 48 hours, follow up. Not with “just checking in” (this communicates desperation). Send a follow-up that adds value.

“Hey [name], wanted to flag that the timeline in the quote is based on starting this month. If we push the kickoff, the estimated completion date would shift accordingly. Let me know if you have any questions about the scope.”

This creates gentle urgency without being pushy. It also shows you’re organized and professional. You’re managing a timeline, not chasing a sale.

One follow-up at 48 hours. One more at one week. If there’s no response after that, move on. The worst thing you can do is chase a dead lead for weeks while real opportunities pass by.

What a signed quote should trigger

When the client signs, two things should happen immediately.

First, they should see their project come to life. A portal where they can track progress, review the brief, access the contract they just signed, and see what stage the project is at. This immediate feedback loop reassures the client that their money is going somewhere real.

Second, you should have everything organized on your end. The brief, the quote, the signed contract, and the project timeline in one place. Not scattered across email, Google Docs, and a spreadsheet.

The sign is not the end of the sales process. It’s the beginning of the client relationship. Make that transition seamless and you’ll earn referrals without asking.

debrieft generates instant quotes from client briefs, connects them to contracts with e-signatures, and gives your client a portal the moment they sign. Your client gets a portal. You get a dashboard. Both in sync. Try it free at debrieft.app