Web design proposal template
A web design and development proposal you build online and send as a branded link, with pricing, scope, and timeline already structured.
The .docx is free to use anywhere, no sign-up. Building it in ProposalKit is a free 14-day trial, no credit card.
What's included
- 01 Cover
- 02 Executive Summary
- 03 The Challenge
- 04 Our Approach
- 05 Scope of Work
- 06 Investment
- 07 Timeline
- 08 About Us
- 09 Terms & Conditions
Overview
A 10-week engagement to rebuild brightpathconsulting.com so the VPs who land on it after a referral actually book discovery calls.
Brightpath Consulting has built a reputation for fixing operations at mid-market companies, but your website doesn't carry the same weight as the work. Visitors arrive expecting thought leadership and leave without a clear picture of what you do, who you serve, or why they should reach out.
We're proposing a full redesign of brightpathconsulting.com. The new site will convert the traffic you already have (referred VPs of Operations, mostly) into booked discovery calls, and give your sales team case studies they can send in a cold email instead of a PDF attachment.
This engagement covers research, strategy, design, development, and a 30-day post-launch support window. 10 weeks from kickoff to launch.
Three things are working against you right now:
Your site undersells your expertise
Brightpath has led engagements with companies generating $20M–$200M in revenue. Your case studies are buried three clicks deep. Your homepage reads like a brochure from 2019. When a VP of Operations lands on your site after a referral, they should immediately see proof that you've solved problems like theirs. Instead, they see stock photography and vague service descriptions.
Conversion paths are broken
Your analytics show 4,200 monthly visitors with a 0.3% contact rate. Industry benchmarks for B2B consulting sites sit between 1.5% and 3%. That gap represents 50–110 qualified conversations you're leaving on the table every month. The primary CTA ("Get in Touch") appears once, below the fold, on a page with no social proof nearby.
Performance is eroding trust before you earn it
The current site scores 38 on Google's PageSpeed Insights (mobile). Pages take 6+ seconds to become interactive. Research from Google and Portent shows that conversion rates drop by an average of 4.4% for every additional second of load time. Your site is literally slower than your competitors', and prospects notice, even if they can't articulate why.
We'll rebuild brightpathconsulting.com from the ground up. The goal is booked discovery calls from skeptical executives, not a cosmetic refresh.
Research & Positioning (Weeks 1–2)
We start with interviews: 3–4 conversations with your best clients to understand what made them choose Brightpath, what language resonated, and what almost made them walk away. We'll audit your top five competitors' sites and map the positioning gaps you can own. The output is a messaging framework and site architecture that your sales team will actually recognize as accurate.
Design System & Key Pages (Weeks 3–5)
We design mobile-first, starting with the homepage and a single case study page. These two pages carry 70% of the persuasion load; if they work, everything else follows. You'll see full-fidelity prototypes in Figma, not wireframes. We don't do "lorem ipsum rounds." Every design review uses real copy, so you can evaluate how it reads, not just how it looks.
Development & Content Integration (Weeks 6–8)
We build on a modern stack (Next.js, Vercel) optimized for speed and SEO. Every page targets a sub-2-second load time on mobile. Content entry happens in a headless CMS your marketing coordinator can update without calling a developer. We integrate your existing HubSpot forms and tracking, so your pipeline reporting stays intact.
QA, Launch & Optimization (Weeks 9–10)
Two weeks of cross-browser testing, accessibility review (WCAG 2.1 AA), and performance tuning. We launch with analytics instrumented from day one: heatmaps, scroll depth, and conversion tracking on every CTA. Post-launch, we provide 30 days of priority support to fix anything that surfaces in the real world.
Included
- Stakeholder interviews (up to 4 client conversations + internal kickoff workshop)
- Competitive audit covering 5 competitor sites with documented findings
- Messaging framework and site architecture document
- Mobile-first design for all core pages: Homepage, About, Services (×3 service lines), Case Studies (index + detail template), Blog (index + post template), Contact
- Design system with reusable components, type scale, and color tokens in Figma
- Full development: Next.js, headless CMS (Sanity or Contentful, your preference), Vercel hosting
- HubSpot integration for lead capture forms and pipeline tracking
- Analytics setup: Google Analytics 4, heatmaps (Hotjar or Microsoft Clarity), conversion tracking
- WCAG 2.1 AA accessibility audit and remediation
- Content migration from existing site (up to 15 pages of existing copy, reformatted)
- 30-day post-launch support for bug fixes and minor adjustments
Not included
- Copywriting for new pages (we can recommend a B2B copywriter if needed)
- Photography or video production
- Ongoing SEO retainer or link building
- Paid advertising setup or management
- Native mobile app development
Research & Positioning
Client interviews, competitive audit, messaging framework, site architecture
Design System & Key Pages
Mobile-first design for all core pages, Figma component library, 2 revision rounds
Development & CMS Integration
Next.js build, headless CMS setup, HubSpot integration, analytics instrumentation
Content Migration
Reformat and migrate up to 15 existing pages into the new CMS
QA & Accessibility Audit
Cross-browser testing, WCAG 2.1 AA compliance, performance optimization
Post-Launch Support
30 days of priority bug fixes and minor adjustments after go-live
$39,000
Phase 1: Research & Positioning
Weeks 1–2. Stakeholder interviews, competitive audit, messaging framework delivery. You'll review and approve the site architecture before design begins.
Phase 2: Design
Weeks 3–5. Homepage and case study page designed first. Full design system and remaining pages follow. Two structured feedback rounds built into the timeline. No open-ended revision loops.
Phase 3: Development
Weeks 6–8. Frontend build, CMS setup, content entry, HubSpot and analytics integration. You'll have access to a staging environment from week 6 onward.
Phase 4: QA & Launch
Weeks 9–10. Testing across devices and browsers, accessibility audit, performance tuning, DNS cutover, and go-live. We handle the launch logistics so your team doesn't have to.
Phase 5: Post-Launch Support
Weeks 11–14. 30 days of included support for anything that surfaces after real traffic hits the site. Priority response within 4 business hours.
Kairō Studio is a design and development studio that works exclusively with B2B companies selling complex services. We've built sites for management consultancies, engineering firms, and professional services companies across North America and Europe.
Our team is small by design: 4 people, no account managers, no handoffs between departments. The person who runs your kickoff workshop is the same person reviewing your final QA checklist. It's how we keep quality high without losing track of the details.
Selected clients
Meridian Advisory Group, Vantage Infrastructure Partners, Crestline Strategy, Northpoint Engineering, Atlas Workforce Solutions.
What clients say
"Kairō rebuilt our site in 8 weeks and our inbound lead volume doubled within the first quarter. They understood our market better than agencies three times their size."
James Harmon, Managing Partner, Meridian Advisory Group
"The design quality is exceptional, but what impressed us most was how little back-and-forth was needed. They got our positioning right on the first pass."
Sarah Chen, Director of Marketing, Vantage Infrastructure Partners
Payment Schedule
This engagement is billed in three installments:
- 40% ($15,600) due upon signing. Covers Research & Positioning and begins the Design phase
- 40% ($15,600) due at development kickoff (start of Week 6)
- 20% ($7,800) due at launch
Invoices are payable within 14 days via bank transfer or credit card. Late payments beyond 30 days pause active work until the balance is resolved.
Revisions & Change Requests
The design phase includes two structured revision rounds per page. Revisions beyond the included rounds, or changes to approved deliverables during development, are billed at $175/hour with prior written approval.
Intellectual Property
Upon final payment, all design files, source code, and content produced for this engagement transfer to Brightpath Consulting with full ownership rights. Kairō Studio retains the right to feature the project in our portfolio and case studies.
Timeline & Delays
The 10-week timeline assumes feedback is provided within 3 business days of each deliverable. Delays in client feedback extend the timeline proportionally. If a phase is delayed by more than 10 business days due to client-side availability, we may need to reschedule subsequent phases to accommodate other commitments.
Cancellation
Either party may terminate this agreement with 14 days written notice. In the event of cancellation, Brightpath Consulting is billed for all work completed to date, plus any third-party costs already incurred. Unused portions of prepaid installments are refunded within 30 days.
Proposal Validity
This proposal is valid for 30 days from the date shown on the cover page. After that, scope and pricing may be revised to reflect current availability and rates.
A web design proposal lives or dies on scope. The template gives you a deliverables section, an explicit out-of-scope list, and a phased timeline, because the gap between "a website" and "the website they pictured" is where projects lose money.
It fits the way studios actually sell site work: a problem worth solving, an approach that shows you have done this before, a scope precise enough to hold its price, and milestone-based investment that matches how the build is delivered. Replace the starter copy with the project in front of you, set your pricing, and publish. The client reads a branded page, you see which sections held their attention, and they accept without printing anything.
Make the scope impossible to misread
List pages, templates, and features as countable deliverables. "Five page templates and a blog index" can be checked off; "a modern website" cannot. The scope section pairs the deliverables list with an out-of-scope list, which is the part most proposals skip and most disputes hinge on.
Name the client's dependencies with dates. Copy, photography, and access are usually theirs to provide, and a slipped launch is almost always a slipped handoff. Putting those dependencies in writing turns a future argument into a line they already agreed to.
Phase the timeline around approvals
Web projects stall at approval gates, not in production. The timeline section phases the work into discovery, design, build, and launch, with a review step between each, so the client can see where their sign-off is on the critical path.
Give each review a window. "Two business days for feedback at each gate" sets a shared expectation and gives you something to point to when a project slips because the client sat on a round for a week. It protects the launch date without you having to chase.
Price by milestone, not by hour
Hourly pricing on a fixed-scope build punishes you for being fast and invites the client to audit your time. The pricing table is set up for milestone payments tied to the phases, which matches how design work is actually delivered and paid for.
A deposit to begin, a payment at design sign-off, and a balance at launch is a structure clients recognize and accept. It also keeps your cash flow aligned with the work, so you are never carrying a finished phase you have not been paid for.
How the template is structured
The starting structure runs cover, executive summary, the challenge, your approach, scope of work, investment, timeline, about, and terms. Each section opens with a prompt tuned for site work, so you are editing toward a finished web design proposal rather than formatting from scratch.
Treat it as a starting point. Rename sections, remove what a given project does not need, and reorder so the part that wins the deal comes first. The tool owns the layout and type, so the proposal comes out designed no matter how you rearrange it.
Send it as a page, not a file
Once the proposal reads the way you want, you do not export it and attach it to an email. You publish it as a branded link on your own page. The client opens it in the browser, on a phone or a laptop, with no download and no account to create.
That changes what happens after you hit send. You see when the proposal was opened, how many times, and which sections held attention, so a follow-up is timed to a signal instead of a guess. When the client is ready, they accept and sign on the page, and the proposal locks. You get a clean PDF with the signature and an audit trail attached, which is the copy that gets filed and forwarded internally.
Related reading: How to write a project proposal .
Web design proposal template: FAQ
What should a web design proposal include?
List the deliverables as countable items (pages, templates, features), an explicit out-of-scope list, the client's dependencies with dates, a timeline phased into discovery, design, build, and launch, and milestone-based pricing. This template structures all of those, since the gap between "a website" and the site the client pictured is where projects lose money.
Is the web design proposal template free?
Yes. Download the .docx at no cost and use it anywhere. Building the same web design proposal in ProposalKit is free for 14 days, with no card required.
Can I edit the template in Microsoft Word or Google Docs?
Yes. The download is a standard .docx, so it opens in Microsoft Word, Google Docs, and Pages. You can also build it online in ProposalKit and send it as a branded link clients sign on the page.
Should I price a website project by the hour or by milestone?
On a fixed-scope build, milestone pricing beats hourly: it matches how the work is delivered and it doesn't invite the client to audit your time. The template's pricing table is set up for a deposit, a payment at design sign-off, and a balance at launch.