Three. Two.
Online
Web Design
Proposal Template
Web Design Proposal Template 1
Start your own website with unlimited hosting.
Use HostingerTutorials Discount Code and
Get Up to 83% OFF for any web hosting plan.
Use It Today
Introduction
The purpose of an introduction is to summarize the problem your client is facing and highlighting
how you can help them fix it. This section should cover the following things:
Main information about the project
What’s the name and date of the project, who is the client, and who are you?
Problem overview
What are you trying to solve, what are the pain points your client is facing?
Proposed solution or objectives
What will you do to solve your client’s problem?
Your executive summary might look like this:
Introduction
With the rise of eCommerce, Company A has seen a steady decline in in-store purchases
at their physical retail stores. It’s become clear that Company A’s current online store is
unable to attract enough visitors – thankfully, we can help.
Problem overview: Current online store has problems with loading speeds,
outdated navigation, static landing page design, and confusing page layout.
Proposed solution: Redesign Company A’s online store to adhere to modern
web design principles, increase search engine rankings, page loading speed,
and overall conversions.
HOSTINGER Three. Two. Online
Web Design Proposal Template 2
Scope of Work
When it comes to describing the scope of work required, try to be as explicit and clear as
possible. This way, it’ll be easier for both you and your client to understand what you will deliver
and what isn’t going to be covered.
This section should cover the following things:
Deliverables
What products or services will your client receive?
Resources
What resources will you need to achieve the desired solution?
Your section on the scope of required work might look like this:
Scope of Work
Deliverables:
your web content should be easy to perceive Resources required:
for any visitor.
Store frontend design + Frontend designer – 200 hours
wireframes Backend eCommerce developer – 120 hours
New CMS setup Relevant licenses and software
On-page SEO optimization Project manager – 80 hours
Timeline
By including a concrete timeline in your web design proposal, you can help the client
understand how long different deliverables will take to complete.
This section should cover the following things:
Project planning Wireframing
How long will it take for you to plan How many rounds of revisions will you
the overall timeline for the project? offer on your wireframes?
Designing Programming
How long will it take to create real How long will the actual coding
mockups of your wireframes? process take?
Testing Launch
How long do you want to plan for What tasks will be taking up time
quality assurance and overall testing? during the launch of the website?
HOSTINGER Three. Two. Online
Web Design Proposal Template 3
Testing Launch
How long do you want to plan for What tasks will be taking up time
quality assurance and overall testing? during the launch of the website?
Timeline
Project planning 1 week
Wireframing 2 weeks
Design 3 weeks
Programming 3 weeks
Testing 1 week
Launch Estimated mid-June
your web content should be easy to perceive for any visitor.
Expenditure
Avoid angering your client by being as transparent as possible about the true costs of your
web design project. You should include each individual expense in this section of your
proposal. Use the following format:
Invoice # Description Tax Cost excl. tax Total cost
Invoice no. 1 Project planning and 15% $1,500 $1,725
resource allocation
Invoice no. 2 Design 15% $3,000 $3,450
About Us
In order to establish a working relationship with your client, it’s not a bad idea to put names
to faces. You’ll build trust and make it easier for your client to envision who is working on
what during the project. Use this section to introduce your team briefly. Consider sharing
links to your portfolio and website here.
HOSTINGER Three. Two. Online
Web Design Proposal Template 4
About Us
Here at Company B, we have worked on many eCommerce projects raging from
microbusinesses to large enterprise-level stores. Our portfolio is available on our
website at www.companyb.com/portfolio.
Headshots of the team, with the following details:
Tim Knope Mick Muller John Taylor
TK MM JT
Project Manager Backend Developer QA and Testing
Sarah Jones Janine Wagner
SJ Designer
JW Backend Developer
Contact
your web content should be easy to perceive for any visitor.
Having a separate section for your contact information servers one main purpose: it makes it
easy for your client to get in touch with you. You don’t want to be in a situation where your client
might go with another service provider simply because you were too hard to reach, right?
Include the contact details of all the key people working on the project here. Make sure the
email addresses and phone numbers are correct.
Contact
In case you have any further questions or would like to discuss this proposal in more
detail, you can reach us either via email or phone. Or, if you’re in the neighborhood,
please stop by – coffee will be on us.
Company B
Address line +00 0 00 000 000
Address line [email protected]
City, State All email addresses are formatted fi[email protected]
HOSTINGER Three. Two. Online
