Web design proposal template for freelancers

A web design proposal explains to a potential client how you'll solve their problem, what they'll receive, how long it takes and what it costs. This template gives you each section in a clear order. The same structure works for graphic design and branding proposals: change the deliverables and keep the rest.

Write the proposal after the discovery call, so it can refer to what the client told you.

The proposal template

1. Introduction

One short paragraph addressed to the client by name. Thank them for the call and say what this proposal covers.

2. Understanding the challenge

Show you listened. In the client's own terms, describe:

• the situation now, for example "the current site doesn't explain the product"
• what they want to change
• any deadline or event driving the project

This is the section clients read most closely. Keep it specific to them.

3. Proposed approach

The phases of the project, each with a sentence on what happens and why. For example:

1. Discovery: review the current site, analytics and competitors.
2. Structure: sitemap and wireframes for the key pages.
3. Design: visual design for desktop and mobile.
4. Handoff: files, design system and developer notes.

4. Deliverables

List exactly what the client receives:

• Sitemap
• Wireframes for the homepage and up to N templates
• Desktop and mobile designs
• Clickable prototype
• Handoff files and documentation

5. Timeline

Add a note that the timeline depends on feedback arriving within the agreed time.

6. Investment

• The total fee, or a fee per phase.
• What is included: revision rounds, meetings, support after launch.
• The payment schedule, for example a deposit to start and the balance at handoff.
• Optional extras, priced separately.

To set the fee, estimate the hours for each phase and multiply by your rate. The freelance rate calculator works out a minimum hourly rate and prices a project from its hours.

7. What's not included

Name the work outside this proposal, such as copywriting, photography, development or hosting. It prevents misunderstandings later.

8. Next steps

Make accepting easy:

1. Reply to confirm, or sign the agreement.
2. Pay the deposit.
3. Book the kickoff call.

Add how long the proposal is valid, for example 30 days.

Tips for proposals that get accepted

• Lead with the client's problem, not your process or your portfolio.
• Keep it short. A few clear pages are easier to approve than a long document.
• Offer options if it helps. Two or three packages with clearly different scopes let the client choose without negotiating.
• Send it quickly. A proposal that arrives within a day or two of the call shows you're organised.
• Match the contract. Deliverables and fees should read the same in the proposal, agreement and invoice.

For more detail on each section, see what to include in a web design proposal.

Frequently asked questions

What is the difference between a proposal and a contract?

A proposal explains and sells the project: the problem, your approach and the price. A contract sets the legal terms. Many freelancers send both together.

Should I include prices in a web design proposal?

Yes. Clients expect to see the fee and what it covers. Without it, the proposal can't be accepted.

Does this template work for graphic design proposals?

Yes. Replace the web phases and deliverables with the ones for your project, such as logo concepts, brand guidelines or print files.