How to Write a Web Design Brief (Template and Example)

Most web projects go wrong in the same place: the first conversation. The owner says "I need a nice website," the designer imagines one thing, the owner imagines another, and the gap is paid for in revisions. A written brief closes that gap before any design work begins.

It also makes quotes comparable. If three agencies receive three different verbal descriptions, you get three different prices for three different projects. Give them the same document and the differences in price reflect the differences in the agencies, not in what you asked for.

A brief does not need to be fancy. A plain text document or shared spreadsheet is fine. What matters is that it is specific enough to say yes or no to. If you are still working out whether you need a designer at all, read DIY website vs hiring a web designer first.

Open with facts, not adjectives. Explain what the business does, where it operates, and how it makes money. Then state the goal of the website in measurable terms.

• About the business: services, service area, years operating, team size.
• Primary goal: for example, "increase phone calls from homeowners in the Halton region" or "take online bookings." Choose one primary goal and up to two secondary ones.
• Audience: who buys, what they search for, what device they use, what they worry about. Mention language needs, including French for Quebec customers.
• Current site: link it, say what works and what does not, and share analytics if you have them.

Avoid goals like "look professional" on their own. They are fine as a supporting point, but a designer cannot test whether you reached them.

List every page you expect, in order of importance, and any functions beyond reading. A plain list helps designers estimate effort.

1. Pages: home, services (one page each or a combined page), about, contact, gallery, FAQ, blog, service areas.
2. Features: contact form, online booking, e-commerce, payments, member login, live chat, bilingual switch, maps.
3. Integrations: Google Business Profile, email platform, CRM, scheduling tool, payment processor.
4. Content: who writes the text, who supplies photos, and when. Missing content is the number-one cause of late launches.

If you operate in Quebec, say whether the site must be fully French, bilingual or separate language versions. Under Bill 96, commercial content generally needs French of equal or greater prominence, so this affects scope and price. Ontario organizations subject to AODA should state the accessibility target, usually WCAG 2.0 or 2.1 AA.

Describe design preferences with references, not just words. "Clean and modern" means different things to different people. Instead, share three sites you like and three you dislike, and say what you like about each: layout, colour, photography, tone, speed.

• Brand assets: logo files, colour codes, fonts, style guide if one exists.
• Tone of voice: friendly, formal, technical, plain.
• Competitors: two or three local rivals and what you want to do better.
• Constraints: anything you cannot change, such as a franchise template.

Browse the website examples by industry for ideas that fit your sector. Saying "like this one, but with our colours" is a legitimate brief item as long as you do not ask for a copy. Designers need to create original work to avoid copyright problems.

Many owners skip the budget, hoping to see what designers will quote. That usually backfires, because designers then guess. Giving a range is not a weakness: it lets them propose the best option for the money.

State the deadline and why it matters, whether a seasonal launch or a trade show. Add ownership terms: you should own the domain, hosting account and content. See how much a website costs for the bigger picture, and note that quotes are usually before GST, HST or QST.

A good-looking site that nobody finds does little. Put search and measurement in the brief from the start so they are built in, not added later at higher cost.

• Target locations and services you want to rank for.
• Whether the designer will do title tags, meta descriptions, headings, schema markup and redirects from the old site.
• Analytics and Search Console setup, plus how you want reports.
• Post-launch support: updates, security, backups, how fast fixes are made, and the monthly cost.
• Ongoing SEO: some businesses add a retainer, typically roughly $100 to $300 per month. See the local SEO guide.

Also state privacy needs. Under PIPEDA, and Law 25 in Quebec, you should know what the site collects, where data is stored and who has access, and the designer should confirm they can support a cookie notice and privacy policy.

Here is a condensed brief for a fictional two-van carpet cleaning business.

Goal: 15 more quote requests per month from homeowners within 30 km. Audience: homeowners and landlords, mostly on mobile. Pages: home, three service pages, pricing guide, service areas, about, contact. Features: quote form, click-to-call, photo gallery. Content: owner writes service details, designer edits; owner supplies 20 job photos by week two. Budget: $3,000 to $4,500 plus tax. Launch: before the spring cleaning season. Ownership: domain and hosting in the owner's name.

With that, a designer can quote in one reply. Without it, there would be three calls and a vague estimate. This kind of document is also a good base for the questions to ask a web designer.

• One clear primary goal, written in measurable terms.
• Audience described by needs, not demographics alone.
• Page and feature list with priorities.
• Content owner and delivery dates named.
• Three liked and three disliked example sites with reasons.
• Budget range and launch deadline stated.
• Ownership, support and SEO expectations included.

Common mistakes: writing a wish list with no priorities, hiding the budget, leaving content for later, changing the scope halfway, and sending the brief to only one vendor. Send it to at least three, read how each responds, and favour the ones who ask smart follow-up questions. If you want a second opinion on a draft, lead4pro.com works with Canadian small businesses on web projects.