How to Write a Web Design Proposal

You became a web designer to create great web sites and applications. The plan didn’t include dealing with slow paying clients or spending countless hours trying to find work.

It also didn’t include having to write proposals after you find prospective clients. Unfortunately, this is what you face every day. This is the reality of the situation.

What can you do about it?

If you plan on paying the bills, you can’t avoid these painful activities. What you’ll want to do is become more efficient at them. Outsource what you can and hack the rest. Take a Tim Ferriss approach to things you don’t like.

Here we’re going to take a look at hacking the proposal writing process. We want to invoke the 80/20 rule towards proposal writing. We want to expend 20% effort to get 80% of the results.

Keyboard

Anatomy of a Proposal

Before you can quickly and efficiently write amazing proposals, you’ll need some basic background on what a persuasive proposal is made of. I say a persuasive proposal because that’s exactly what your proposal has to be. It must convince the reader that you’re the absolutely best person for the job.

A persuasive proposal has three parts:

  1. Problem statement
  2. Proposed solution
  3. Pricing information

You’ll have everything you need as long as you include these essential elements.

Problem statement

An effective proposal describes a client’s needs and their drivers. To persuade someone, they must believe you understand their needs; describing the underlying reason, shows exactly that.

The best way to show what this means is by example. Let’s use a website redesign project for this example. Say a client wants to have their website redesigned.

You might see something like this on a mediocre proposal:

ABC Company is looking to have their website redesigned to give them a fresh new look. The redesign should include a way for customers to contact the company and a way to find locations.

Why is this mediocre? There’s no problem statement here. Redesigning a website to obtain a “fresh new look” isn’t a problem statement.

A persuasive proposal would sound something like this:

ABC Company has lately seen a drastic increase in competition. These new competitors have modern looking websites that are starting to attract some of ABC Company’s long time customers. ABC Company needs to redesign their website with a fresh new look to ensure existing customers are kept, and new ones are converted.

The redesign should include a way for customers to contact the company and a way to find locations.

See the difference? Keep in mind that most clients will not tell you this information; you’re going to have to dig. Keep asking why until you get to the business driver. Something is driving the project, and it sure as hell isn’t wanting a “fresh new look”.

Proposed Solution

Now that you’ve been armed with the knowledge of their motivation for the project, you’re ready to offer a solution.

Yes, you’ll want to ensure you directly address their needs, but make sure your solution is business-centric.

Mediocre solution:

We recommend a complete redesign of the existing website. This would include a new updated logo, location search, contact form page, etc.

So a good solution for the previous example might be:

To effectively recapture the market from new competitors, the website design must implement a marketing strategy focused on this goal. This will start with a needs analysis session that will indentify the key elements of the website, different customer types, and all necessary calls to action.

Needs analysis will be followed with a content plan focused on specific goals, and will move into the design phase which will include the following…

Which one sounds more promising? This second one includes more work so it’s probably going to be more expensive, but it’ll still win the job.

Pricing Information

The last piece of a persuasive proposal is the pricing information. You want to make this information easy to digest, so keep it high level. From a typography point of view, it’s best to place it in a grid. This is usually known as the Fee Summary section.

Depending on the length of the project you might want to tie payments to specific milestones. This would be included in a section called Fee Schedule.

Basic Outline

Below you’ll find a list of the three elements, followed by some common titles used for each section.

Problem Statement — Client Needs, Client Goals, Client Objectives, Goals and Objectives

Recommended Solution — Recommended Solution, Recommended Strategy

Pricing information — Fee Summary, Fee Schedule, Project Pricing

Repeatable Proposals

Now that you have basic knowledge about the elements of a persuasive proposal, you can start to work on a process to put together proposals in no time.

The best way, is to use proposal software because it takes care of a lot of the manual steps, but  we’ll look at templates so you get a low-level understanding of how they should be put together.

To get started you’ll want to create two templates in Microsoft Word. You’ll classify these templates by proposal size: large and small.

This makes it easy to know when to use which proposal. A small project like a three page website will get a small proposal. That’s because you can get away with a simple estimate on these jobs. Pricing information isn’t enough, you want to include an element of persuasion.

Small Proposal Outline

  • Client Needs
  • Recommended Solution
  • Fee Summary
  • Next Steps

This would probably come out to a two page proposal. Notice that I included a section called Next Steps. It’s a smart idea to include a call to action here. This way, they know exactly what needs to be done to get the ball rolling on the project.

Large Proposal Outline

  • Goals and Objectives
  • Recommended Solution
  • Fee Summary
  • Fee Schedule
  • Estimated Project Schedule
  • Next Steps
  • Terms and Conditions

The large one isn’t much bigger than the small one but it includes timeframe information which helps the client envision how your process is going to work.

Finishing Touches

Now that you have your two templates and their outline in place, it’s time to look at adding a little style to your proposal.

Create an elegant design (easier said than done) and use it as a header and footer in your Word template. This should be kept to a minimum, you don’t want to overpower the content. It should be tasteful and only hint at your creative ability.

Last, add some help text to your proposal outline. This text will remind you what to write in each of these sections. You can copy and paste some of the instructions in this article if you need to, just remember it’s a placeholder for the real content.

What about paragraphs of text that can be included in every proposal? Don’t do it.

Every project is different, any content that you can reuse like that is garbage in the eyes of of the client. Remember, they’re only concerned with their own project and how you might be able to help them.

If you want to include a Company Information page or a Clients section, feel free to do so as long as it comes after the pricing information. We want to structure the information in the most persuasive manner possible, so keep things about yourself (or company) towards the bottom.

Resources and Tools

Like I mentioned before, you’ll get the highest return of your time by using proposal software. If you have to use templates, then follow the instructions above to create your own templates. I’ve made a few web design proposal templates available to help you get started if needed.

Free Guide: 5 Elements of a perfect proposal

Find out how to get more clients with this free guide:

{ 36 comments… read them below or add one }

Maiasaura

Thank you thank you for these templates! They are just what I needed to get pointed in the right direction.

Ruben

Awesome! I’m glad you found them useful :)

sergi

good stuff. i looked at about 6 other articles addressing this matter. i appreciate your tone and brevity.

Ruben

Thanks for the article! It proved very instrumental in developing my own proposal template. One of the things that I did is incorporate the problem/solution information in a cover letter, along with a brief summary of pricing. I have found that being upfront and letting a client know your pricing before he even has to turn a page is crucial. The old saying of, “Tell them about what you are going to tell them (i.e., executive summary, intro), tell them (meat and potatoes, and tell them what you told them (summary). That said, when I talk to them, before submitting a proposal, I talk about all the benefits they get when they work with me, then I give them pricing.

Ruben

Glad it helped! You’re right about giving them what they want as soon as possible. Though it’s believed to be more persuasive if you at least put the pricing information right after the problem/solution.

Lorna

This is an excellent article! I have the tendency to overdo things, and at one point even went out of my way to prepare an extensive web design contract, instead of just highlighting the simple terms and conditions in my proposal and/or invoice. Needless to say, most of my projects didn’t go through.

Ruben

@Lorna Thanks, I hope there’s something in there that will help get that success ratio up there for you!

Max Richardson

@Ruben – Great post – You’ve convinced me to join BidSketch! – I love most things about your product however the templates could be slightly better for users that can’t use custom HTML very well or don’t have the time. The ability to add our own header or logo and change the fonts on any of your ‘default’ templates should be other features included within your website. Those small features would be greatly appreciated by most! The product is still very much still worth the money to anyone reading this comment! @Ruben, will we see any of my proposed features in the near future?

Thanks again,

Max

Ruben

@Max – Thanks for the kind words! I think you’ll be very happy with the next major release that comes out. It’s exactly about what you’ve mentioned here. Easier way to customize the look and feel of templates including header/footer options and logo. It’s like you took a peek into my current release workspace ;)

Victor

This is a great article. Do you use task lists or gantt charts to show the specifics of building the web site in your proposal? Or do you leave that for the contract?

Prabesh

nice one dude

Ruben

Thanks Victor! Neither a gantt chart or task list actually. I don’t freelance anymore but my preference is a high level milestone grid since it’s easy to scan and sets expectations quickly while leaving room for other details a bit later.

Lisa

Thank you so much in a class and have an assignment due. I didn’t quite understand how to do the proposal your article was quick and to the point!

george davis

This is brief and to the point. Thank you so much.

Chukwu Stephen

Ruben,
Your article is a great masterpiece. Direct to the point and highly effective. Am going to implement this model and am very sure it will triple my results.
Thanks a million
Steve

Design Sail

Great post. I am always looking to write better proposals for my clients. A good proposal is a must to get a job you truly want and look professional.

tom

this is more like it!!

theophilus

really want to say thanks to you. you made my day. so simple to understand and worthwhile presenting. thanks.

Ajman

Fantastic idea! we need these kinds of ideas here in the UAE… inspirational and well done guys (and gals :p)

valentin

Thanks a lot for the info! First time writing a project proposal and this is a good point to start from!

Kevin

Sent off a proposal today using these techniques… I’ll keep you posted on the results!
Thanks for the tips Ruben. This article rocked!

Felix

Hey Ruben,

This is a beautiful article. I have been running a small webdesign firm for the last three years and always wanted to know how I can write a winning proposal, and here it is… wonderful!

Thank you for this,

Felix

William Imhoff

Great article for my web design company. Thanks!

Mahube Podile

Thanks Ruben,

I’ve just started a small web design and development company. You article will help me a lot, I have always wanted to know how to write a good proposal, this will definetrly help. Thanks a millions.

Mahube

Vinay

Awesome i was looking for this frm quite some time thanks dude for putting up this good article its help alot to new designers like me :)

Nathan Lundholm

Thank you! I’ve had people hire me to design a site but no returning clients. With your proposal advice maybe I can lock some clients into a monthly maintenance contract on their site too!

Jonathan Goldford

How should you handle legal terms? We have a page long section in our proposal for legal terms that are obviously boring and not focused on the client, but also protect us. Is there a way to remove that while still protecting yourself? Can you include those terms on your website?

Ruben

@Jonathan It’s important to remember that a proposal is a sales document, not really a contract (though you still want them to sign it). You can either insert the legal stuff in the last page(s) or send it separately after they’ve signed the proposal.

Jonathan

I agree with you here ruben. I have even seen some agencies have a small line on the back page saying “By signing here, you are agreeing to the terms and conditions on our website”

uche

thanks dear! Your article really helped me as it serves as a blue print to me in relation to knowledge of writing a good and convincing proposals

Darshan

Thanks Ruben, for the awesome guidelines.

Can you please share a few incidences where you Won / Lose the contract and why? That would be a great help.

Thanks,
Darshan.

Ruben

Thanks Darshan, glad you found it helpful :)

It’s probably a bit too long for me to go into specific win/lose but I’ll mention one that I lost that was most painful and maybe it helps.

Basically, I met with the business owner at his home, we discussed the project, and I showed him some of my work. He asked for an estimate and I mentioned that I’d have to go back to give him something more accurate but that it would be between $4k and 6k total. Anyway, eventually he rejected my proposal because in his words, “I can’t see how you would stay in business at those rates.” He basically went on to say that the low price was a concern to him.

What was my mistake? I totally misread him and I underpriced my service. I could’ve (and should’ve) asked what sort of impact the site would have on his business. At that point I would’ve seen that my bid should’ve been more inline with the value I was providing him and charged more.

Mbinu Seo

Nice Solution !! Spot on. I like the Systematic Approach in doing the proposal that you have suggested. I am normally used to giving the terms of reference and directly going into my “Save the Client ” solution and then Pricing.Your approach to proposals can be used for both small and big projects as it is Scalable.

Christoper

A motivating discussion is worth comment. There’s no doubt that that you need to publish more on this subject matter, it may not be a taboo matter but generally folks don’t talk
about these issues. To the next! All the best!!

Regan

We absolutely love your blog and find many of your post’s to be just what I’m looking for.
Does one offer guest writers to write content for yourself?
I wouldn’t mind writing a post or elaborating on some of the subjects you write regarding here. Again, awesome blog!

Dana Dame

Great post!!! Good Proposal is a very important step to get new client and it is a big investment for a company.Thanks for this article.

Leave a Comment

{ 12 trackbacks }

Previous post:

Next post: