15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →15% OFF ON ANY PLANUse code 15off4everClaim now →
Templates / Proposal

Free Web Design Proposal Template

A web design proposal covers the build scope, the agreed pages and features, pricing, payment terms, sign-off points, and what happens at launch and handover.

Web Design Proposal template preview

Language:

en

Last updated:

October 2026

Share template

The moment a new website starts feeling risky, the next thing everyone wants is the same: a clear web design proposal that says what’s getting built, what it costs, and what happens when the site needs updates later. This proposal already carries the hard wording around scope, sign-offs, payments, and editing after launch, so the agreement doesn’t hinge on a few vague lines in an email. The pages sit under Raleway headings with an indigo‑violet accent and yellow‑olive highlights, which keeps the reading clear while the key actions still stand out.

The flow starts with The short version, then About me and Selected work before the longer Portfolio, so a client reads the outcome and working style before they hit pricing. The middle sections pin down what “a website” means in practice, including an agreed sitemap and page list, responsive builds, forms or checkout, and a handover pack that covers logins, editing notes, and redirects for old URLs. The later pages answer the questions clients keep circling back to, like what content you need from them, whether they can safely edit text and photos, and what happens when a change lands after a sign-off.

  • The short version Opens with the outcome the client cares about, then explains the build route from sitemap and key layouts through responsive pages and working forms.
  • Agreed sitemap and page list Locks in the page list and navigation before design starts, then describes homepage and key layout designs and the responsive build that follows.
  • What it costs Holds a priced item list where you replace the template numbers with your own pricing for the work.
  • Getting started Carries the signature and fee summary, so the client signs and the booking and payment steps are clear.
  • Payment States the deposit and final payment split, invoice due terms, sign-off points, and how changes get priced once scope moves.

Once the proposal is in your workspace, you swap in your own numbers for the Ecommerce line item, send it, and the client accepts and signs online. The acceptance leaves you with a signed record, a fee summary, and a clear scope you can point back to when the build hits decisions and change requests.

We went from spending hours on every proposal to creating fully customized ones in under 5 minutes. That's not an exaggeration - we timed it.

Yazan & Mawaheb
Yazan & MawahebAgency Owners

What to include in a web design proposal

PartWhat it covers

The short version

A plain-language overview of what gets built and how the work moves from sitemap agreement to design to a responsive build with working forms and integrations.

About me

Background and working style in the template’s own voice, including how decisions get signed off and what handover looks like.

Selected work

A short lead-in to examples of past web builds, including brochure sites, ecommerce, and rebuilds where links need to stay intact.

Portfolio

Longer project snapshots that show the kinds of outcomes covered, like content migration, Shopify setup, and a custom frontend build with forms and tracking.

Agreed sitemap and page list

The scope section that defines the signed-off page list and navigation, then describes key layout designs and the responsive build expectations.

Forms, bookings, or checkout setup

Covers the working parts of the site, plus launch handover notes and a redirect map so old URLs point to the right pages after the switch.

What it costs

Includes priced items for the work, where you change the numbers before sending so the client sees the total in the proposal.

Getting started

Holds the signature and a fee summary, so the client can accept online and the booking steps sit in one place.

What do you need from me, and when?

Answers the practical inputs question, including what content and access details get requested and how editing works after launch.

Payment

Explains how the deposit and final invoice work, when payment is due, and what happens when pages, features, or platforms change mid-build.

Editing after launch

Spells out how routine updates stay safe, what launch and redirects depend on, what third-party services cover, and when ownership transfers.

Who it is for

Web designers, web developers, and studios quoting website design and build work, including CMS/WordPress projects, frontend development, and e-commerce builds.

The proposal in full

The short version

You’ll have a website you can point customers to with confidence, that loads quickly, works properly on phones, and stays easy to update when opening hours, pricing, photos, or products change.

Most people come to me when an old site and Facebook have stopped being enough, and they need a site they can send people to without caveats. You’ll end up with a fast, phone-friendly website you can update without breaking it. Next I’ll confirm the page list and the exact build route.

I’ll start by agreeing the sitemap and page list with you, then I’ll design the homepage and key layouts so you can see the look and structure early. After that I’ll build the responsive pages, hook up forms, bookings, or checkout, and run browser and mobile checks before launch and redirects.

About me

I’m Niamh O’Flaherty, a web designer and developer, and I run O’Flaherty Web Co as a one-person practice. I build websites for owner-managed businesses that need a site that looks right, loads fast, and doesn’t become a “call the developer” problem every time something changes.

People pick me when they want a calm build with clear sign-offs. I keep decisions small and timed, so you are never guessing what I need from you. I build in a way that stays maintainable, and I hand over plain-English notes for editing, hosting, and domain settings so you are not locked in.

Selected work

A few recent website design and build jobs, showing brochure sites, ecommerce, and rebuilds where content needed to be moved without breaking links.

Portfolio

Restaurant rebuild and menu. Rebuilt the site around a simpler page list, moved the existing content across, and set up a menu layout the owner could update in minutes. Added clear calls to booking and contact so enquiries stopped landing in DMs.

Shopify store setup. Set up Shopify theme styling, built the key pages, and configured shipping, tax, and checkout. Migrated products from spreadsheets and trained the owner on adding new items and updating stock without touching code.

Custom frontend build. Built a fast static frontend from approved layouts, with clean HTML/CSS/JS and lightweight components. Connected forms to email and added basic tracking so the owner could see what pages brought enquiries.

“The site is quick, looks right on phones, and I can edit it myself.”

Owner-manager, a local service business

Agreed sitemap and page list

A signed-off list of pages, with the navigation structure. You’ll know what is being built before design starts, and I’ll use this list to keep content and redirects tidy at launch.

HOMEPAGE AND KEY PAGE DESIGNS

Layouts for the homepage plus the main templates your site needs, like services, menu, product, or booking pages. You’ll review these before I start the full build so there are no surprises.

RESPONSIVE BUILT WEBSITE

A finished site built for phones, tablets, and desktop, with browser checks across the common modern browsers. I’ll keep page weight under control so the site feels quick on mobile data.

Forms, bookings, or checkout setup

The working parts that make the site useful, like contact forms, enquiry forms, booking requests, or ecommerce checkout. I’ll test the full path end to end so you can see messages and orders arrive.

LAUNCH AND HANDOVER PACK

A simple handover with your logins, what to click to edit common items, and notes on hosting, DNS, and email domain settings. You’ll have something you can refer back to without calling me.

REDIRECT MAP FOR OLD URLS

A list of the old links that need to point to the new ones, so you don’t lose traffic and customers don’t land on dead pages. I’ll use it on launch day when the switch happens.

What it costs

These are starting points based on the scope below. Once the page list and features are agreed, I’ll confirm a fixed price for website design and build.

Priced items

Getting started

If you want me to hold time for your website design and build, the next step is to sign and book it in.

1. Sign the proposal and I’ll confirm your start date. 2. Pay the 40% booking invoice to reserve the slot. 3. Send your content and access details so I can begin the sitemap.

Signature

Fee summary

What do you need from me, and when?

I’ll ask for content right after the page list is agreed, so I can build with the final words and images in mind. In practice you’ll provide: logo, photos, text per page, product or menu details, and access to your domain and any old site.

CAN I EDIT THE TEXT AND PHOTOS MYSELF AFTERWARDS?

Yes. I’ll build it so routine updates are safe, and I’ll show you the exact screens you use to change text, swap photos, add products, or update opening hours. If something is genuinely risky to edit, I’ll tell you up front.

WHAT IS THE TOTAL COST INCLUDING HOSTING, DOMAIN, AND ANY PLUGINS?

I’ll price the build separately from ongoing costs, then I’ll list any paid items that apply, like hosting, your domain, and any paid plugins or Shopify apps. If you can avoid a paid add-on, I’ll point that out before you commit.

HOW LONG UNTIL IT IS LIVE, AND WHAT HAPPENS TO MY OLD URLS?

Most brochure builds land in 3 to 6 weeks once content is in, and ecommerce builds usually take 5 to 8 weeks depending on products and setup. On launch day I’ll switch DNS, publish redirects, and keep a list of old URLs pointing to the right new pages.

Payment

To book the work, I invoice 40% when you sign the proposal. I invoice the remaining 60% when the finished work is handed over. Each invoice is payable within 14 days of its date.

Your inputs. I’ll ask for your logo, text, photos, product or menu details, and access to your domain and any old site right after the page list is agreed. Timeline dates move if I’m waiting on content or access.

Sign-off points. I ask for written sign-off at two points: the sitemap and page list, then the homepage and key page layouts. After a sign-off, changes are treated as new work so the build stays on track.

Changes. If you add pages, swap features, or change platform mid-build, I’ll price the change before I start it. I’ll only proceed once you confirm in writing, so the scope and invoice stay in step.

Editing after launch

I’ll build the site so routine updates are safe, and I’ll show you the exact screens you use. If something is risky to edit without breaking layout or checkout, I’ll tell you before handover.

Launch and redirects. On launch day I’ll switch DNS, publish redirects, and use the redirect map to point old URLs to the right new pages. If I don’t have access to DNS or the old URL list, I can’t guarantee redirects.

Third party services. Hosting, domains, plugins, payment providers, and booking tools are run by third parties. I’ll configure what’s needed for launch, but their fees, outages, and policy changes are outside my control.

Ownership. Once the final invoice is paid, you own the finished website and the content you provided. I keep the right to reuse the work in my portfolio, unless you ask me in writing not to.

Questions about this proposal template

What should a web design proposal include?

A web design proposal usually includes the scope of the build, the agreed pages and features, pricing, payment terms, and the sign-off points that keep changes controlled. This template also covers launch, redirects for old URLs, and what handover looks like for editing and access.

How do you describe scope in a website proposal?

Scope works best when the proposal names the sitemap and page list, then calls out the key layouts and the responsive build as separate steps. This template does that, and it also covers forms, bookings, or checkout so the “working parts” don’t get left implied.

When should the sitemap and page list get approved?

Approval usually happens before visual design and before the full build, because the page list drives content, navigation, and redirects. The proposal includes an agreed sitemap and page list section and treats it as a sign-off point.

Can clients edit their website after launch?

Clients can edit after launch when the build supports safe routine updates and the handover explains what screens to use. The template includes an editing-after-launch section and says risky edits get flagged before handover.

How do deposits and final payments usually work for web design?

A common structure is an upfront booking invoice, then the remainder on handover, with due terms for each invoice. The payment section in this proposal uses a 40% deposit and 60% on handover, with invoices due within 14 days.

What happens if the client changes scope after sign-off?

Scope changes usually turn into new priced work once a sign-off has happened, because the original approval was for a specific page list or layout set. The proposal includes sign-off points and says changes after sign-off get treated as new work so the build stays on track.

Start free today

Your entire business, one login away

No credit card required. No contracts. Just the tools you need to run, grow, and automate your business with Super Work AI.

No credit card required

Plutio - Your entire business, one login away