Most failed web design projects do not fail because the designer was bad. They fail because the brief was vague, and a vague brief is an invitation for misalignment, scope creep, and three rounds of revisions that all start with the words "this is not what I imagined."
After 100+ small business websites, we can tell within the first ten minutes of reading a brief whether a project will ship in six weeks or grind through three months of "can we try one more variation?" The difference is rarely talent or budget. It is whether the client wrote a real brief.
This guide gives you the exact website brief template we ask clients to fill in, the eight sections every serious brief needs, the good-vs-bad examples for each, and a copy-paste version at the bottom. By the end, you will be able to write a web design brief that gets you a sharper quote, a faster project, and a website that actually converts.
Why most web design projects go sideways
There is a pattern. A small business owner finds a designer, sends a two-line email — "I want a clean, modern site for my dental clinic" — gets a quote, signs the contract, and 8 weeks later is staring at a homepage that is technically beautiful but does not feel like their brand and does not say what they actually do. They ask for revisions. The designer asks why. Everyone gets frustrated. The project slips.
What happened? The brief did not answer the questions the designer actually needed answered: Who is your audience? What action do you want them to take? What three sites do you wish yours looked like? What words are non-negotiable on the homepage? What is your budget really?
A good web design brief is not paperwork. It is the contract between your imagination and the designer's hands. When done right, it cuts revision cycles by 60 to 70 percent and shaves weeks off the timeline.
Key takeaway: Every revision round you do not need is a week you do not lose. A well-written brief is the single highest-leverage hour you will spend on your entire website project.
What a website project brief is (and what it is not)
A website project brief is a structured document — usually 4 to 8 pages — that captures everything a designer needs to scope, design, and build your site without guessing. It is part business document, part creative briefing, part legal scope-setter.
What it is not:
- It is not a wireframe. You do not need to draw the layout. That is the designer's job.
- It is not a feature spec. You do not list every button and form field. You list outcomes.
- It is not a one-line email. "Make me a website like Apple but for plumbing" is not a brief.
- It is not a 40-page novel. If your designer cannot read it in 20 minutes, they will skim it. Then you have wasted both of your time.
The sweet spot: detailed enough to answer the eight questions below, focused enough that the designer reads every word.
The 8 sections every website brief template needs
Here is the structure we use at Customers Hand. Every free design preview we deliver starts from a brief that hits these eight sections. Skip any one of them and the project loses precision.
- About you and your team
- Business goals and KPIs
- Target audience
- Design preferences and mood
- Pages and features needed
- References you love and hate
- Logistics: timeline, budget, content readiness
- The "anything else" catch-all
Let's walk through each one with the questions to answer, the difference between a good answer and a bad one, and the mistakes we see weekly.
Section 1: About you and your team
The designer is about to spend 40 to 200 hours inside your brand. They need to understand it. Not the elevator pitch you give at networking events — the real thing.
Questions to answer
- What does your business do, in one sentence a 12-year-old would understand?
- How long have you been operating, and how did you start?
- How many people are on the team, and who are the decision-makers on this project?
- What makes you different from the three closest competitors in your area?
- What is the one thing you wish customers understood about you before they walked in the door?
Notice how the good version names specifics: location, team size, decision-makers, and the actual hook. The designer can now make decisions about tone (calm, reassuring), photography (real patients, real staff), and copy emphasis (sedation and same-day crowns above the fold).
Section 2: Business goals and KPIs
This is where 80 percent of briefs collapse. Clients write "more leads" and stop. That is not a goal — that is a wish.
Questions to answer
- What is the single most important action you want a visitor to take? (Book, call, buy, sign up, request a quote.)
- What does success look like in 90 days, in numbers?
- What is the current website doing well? What is it doing poorly? (If you do not know, say so — your designer can audit.)
- What secondary goals matter? (Better SEO, looking more credible, hiring talent, justifying higher prices.)
Numbers beat adjectives. If you do not have numbers, give the designer your Google Analytics access and let them pull them. The goal is to anchor the project in measurable outcomes so when you are reviewing draft three of the homepage, you can ask "does this help us hit 25 bookings a month?" instead of "do I like the color?"
Pro tip: If you cannot articulate a measurable goal, you are not ready to brief a designer yet. Spend an afternoon with your accountant or marketing person. The clarity is worth the delay.
Section 3: Target audience (be more specific than you think)
"Small business owners" is not an audience. "Everyone in our city" is not an audience. The more specific you are, the better the design will be, because every design decision — font size, color temperature, button copy, hero photography — is a bet on who is going to see it.
Questions to answer
- Describe your three most valuable customer types. Age, income, where they live, what they do for work.
- What is their state of mind when they land on your site? (Panicking, curious, comparing, ready to buy.)
- What is the one objection that stops them from booking or buying?
- What devices do they use? (B2C is mostly mobile. B2B skews desktop. Older audiences skew larger text.)
The bad version forces the designer to design for everyone — which means designing for no one. The good version tells the designer to put a calm, trust-building hero with a fast booking option above the fold, sized for mobile, with pricing transparency near the top.
Section 4: Design preferences and the mood-board approach
This is the section where most clients either say nothing ("you are the designer, surprise me") or way too much ("the logo should be in Pantone 286C, the headline should be 64px Helvetica Neue Bold..."). Both fail.
The right approach is the mood-board approach: capture the feel, leave the execution to the designer.
Questions to answer
- Pick five adjectives that describe how the brand should feel. (Confident, warm, premium, no-nonsense, energetic, calming, etc.)
- Do you have brand assets we must use? Logo, color palette, fonts, brand guidelines PDF.
- Are there colors or styles that are off-limits? (Some industries have hard rules — purple in finance feels off, neon in funeral homes is a disaster.)
- Dense and information-rich, or airy and minimal?
- Photography style: real photos, illustration, mixed, abstract? Do you have a photo library or do we need to shoot/stock?
"Modern, clean, minimal" are the three most useless words in design briefing. Every website on the planet claims to be modern. Use words with edge — "confident, slightly playful, premium-but-not-stuffy" tells a designer ten times more.
Section 5: Pages and features (what you need, not how to build it)
This section defines scope. Get it wrong and you will get a quote that covers half the project. Get it right and you will get an accurate quote you can hold the designer to.
Questions to answer
- List every page you need. Home, About, Services (one page or one per service?), Pricing, Contact, Blog, etc.
- List every functional feature. Online booking, payment, gated content, login, forms, calculator, live chat, multi-language, etc.
- What integrations matter? (Calendly, Stripe, Mailchimp, your CRM, your booking software.)
- SEO scope: just on-page, or also content strategy and keyword research?
- Hosting: do you have it, or does the designer set it up?
A common trap is listing features at the wrong altitude. "I need a contact form" is a feature. "I need a way to capture leads with their renovation budget so my sales team knows who to call first" is an outcome. Outcomes give the designer room to suggest better solutions.
Pro tip: If you are not sure whether a feature is needed, list it as "would be nice" instead of "must have." This lets the designer phase the project — get the must-haves live in 6 weeks, then add the nice-to-haves in v2.
Section 6: References — sites you love and sites you hate
This is the highest-leverage section in the entire brief. Three sentences of reference is worth ten paragraphs of description.
Most clients send five sites they love and call it done. That is half the job. Sending sites you hate is just as important — it tells the designer where the cliffs are.
How to do it right
- Find 5 to 10 websites you love. Mix of competitors and unrelated industries.
- For each, write 1 to 2 sentences: what you like, not just "I like this." Is it the typography? The way they handle pricing? The hero animation? The tone of voice?
- Find 3 to 5 websites you hate. Same drill — name what bothers you.
- Bonus: collect 10 to 20 screenshots in a Notion page, Pinterest board, or Figma file. Visual stimuli beat written descriptions every time.
Section 7: Logistics — timeline, budget, content readiness
Skipping this section is the most expensive mistake you can make. Designers will quote based on a guess if you do not tell them. That guess is often wrong by 50 percent in either direction.
Timeline
Give a target launch date and the constraint behind it. "Mid-September because we are sponsoring a trade show" is actionable. "ASAP" is not — every client says ASAP. If you have no real deadline, say so. Honest beats fake urgency.
Budget
Provide a range. Real ranges for small business websites:
- $1,500–$4,000: Template-based, light customization. Good for stage-zero businesses.
- $4,000–$10,000: Custom design, 5 to 12 pages, basic integrations. The sweet spot for most small businesses.
- $10,000–$25,000: Bespoke design, copywriting included, advanced functionality. Necessary for service businesses charging premium prices.
- $25,000+: Complex e-commerce, custom CMS, multiple integrations, ongoing optimization.
If you withhold the budget, the designer either over-quotes (and loses the project) or under-quotes (and either eats the loss or cuts corners). Neither serves you.
Content readiness
The single most underrated question in any brief. Answer honestly:
- Is your copy written and approved? (Probably not.)
- Do you have brand photography? (Probably old photos from 2019.)
- Who is writing the new copy — you, the designer, or a copywriter?
- Who is sourcing or shooting new photos?
Web design projects do not stall because of design. They stall because the client promised "I will send the copy next week" and then disappears for six weeks. Be brutally honest now and your designer can scope around it.
Want to see your brief turn into a real homepage?
Fill out our 90-second form — we will design a custom landing page mockup for your business within 48 hours. Yours to keep.
Get a free preview →Section 8: The "anything else" catch-all
The closing section. Anything you have been holding back — preferences, anxieties, war stories, hard nos — goes here. The best briefs often have gems in this section like:
- "Our last designer ghosted us after collecting 50% deposit. We are nervous about milestones."
- "My partner hates the color teal. If you suggest teal we will get into a fight."
- "We are about to rebrand in Q4. Build with that in mind."
- "Our biggest competitor just relaunched their site at competitorURL.com — we cannot look like a smaller version of them."
This is the section that turns a transactional designer-client relationship into a strategic partnership. Use it.
Common mistakes in a web design brief (and how to avoid them)
Mistake 1: Too vague
"Modern, clean, professional, mobile-friendly." This describes 99 percent of all websites built since 2015. Replace adjectives with examples, ranges, and specific decisions.
Mistake 2: Too prescriptive
The opposite problem. The client has already mocked the site in PowerPoint and now wants the designer to pixel-trace it. If you have already designed the site, what are you paying the designer for? Set direction, leave execution.
Mistake 3: No examples
Going into a brief with zero reference sites is like ordering a custom suit and saying "make it nice." Spend 90 minutes browsing sites in your industry and adjacent industries before you write the brief.
Mistake 4: Hiding the budget
This is the equivalent of asking a contractor to quote you without telling them if you want a backyard shed or a guest house. Trust the designer with the number. If they overcharge, that is information about whether you should hire them.
Mistake 5: Brief written by committee
Five stakeholders, five sets of conflicting feedback, no single decision-maker. Pick one person who has final say. Run the brief past the team for input, then have one person finalize it. Otherwise, every revision will start over.
Mistake 6: Forgetting the "after launch" question
Who maintains the site? Who updates the blog? Who fixes things at 11pm when a form breaks? If you do not know, ask the designer to scope ongoing support — most offer it for $100 to $500 per month.
Key takeaway: The brief is not just for the designer's benefit. It is the document you will refer back to in week 4 when scope is creeping, in week 8 when you are reviewing draft three of the homepage, and in week 12 when you need to make a "is this in scope?" decision.
How detailed is too detailed?
A good rule: every sentence in the brief should either narrow the design space (eliminate options the designer was considering) or expand it in a direction the designer would not have known to go.
Sentences that fail both tests are noise:
- "The website should load quickly." Yes. Every website should.
- "It should work on mobile." Yes. Every website should.
- "It should be SEO-friendly." Yes. Be specific — what keywords matter?
- "It should look professional." Useless. Replace with the five adjectives from section 4.
If you are not sure whether a sentence belongs, ask: would a designer make a different decision because of this sentence? If no, cut it.
What designers wish you knew before sending the brief
Five things experienced designers wish more clients understood:
1. We are not mind readers, but we are pattern matchers
The more concrete information you give us — references, customers, goals — the more we pattern-match against the 50 to 500 sites we have built. The brief is what lets us bring our experience to bear instead of designing blind.
2. Your budget is not the enemy
We are not trying to extract maximum dollars. We are trying to scope a project we can deliver well at the budget you have. The faster you tell us the number, the faster we can tell you what is realistic.
3. Content is the biggest risk in your timeline
If you have not written your copy and have not hired a copywriter, your project will slip. Always. The fix is to acknowledge it in the brief and either hire help or budget extra weeks.
4. We need one decision-maker
"My business partner has to approve, then my sister-in-law who used to work in marketing, then our office manager..." is a recipe for a project that ships in month nine. Pick one person.
5. Trust the process or do it yourself
If you are going to override every design decision, you are not hiring a designer — you are hiring a Photoshop operator. The brief is your chance to set guardrails. After the brief, your job is to give specific, outcome-focused feedback (not "I do not like it") and trust the designer to land it.
Free copy-paste website brief template
Copy the structure below into a Google Doc, fill in each section, and send it to your designer. This is the same template we use at Customers Hand — adapted for any small business.
1. About us
Business name: ___
What we do (one sentence): ___
Years in business: ___
Team size: ___
Decision-maker for this project: ___
What makes us different from competitors: ___
Top 3 competitor URLs: ___
2. Goals and KPIs
Primary action a visitor should take: ___
Success in 90 days (in numbers): ___
Current site URL (if any) and what is broken: ___
Secondary goals: ___
3. Target audience
Top 3 customer types (age, income, geography, role): ___
Their mindset when landing on the site: ___
Biggest objection that stops them: ___
Mobile/desktop split: ___
4. Design preferences
Five adjectives describing the desired feel: ___
Brand assets we have (logo, colors, fonts): ___
Hard nos (colors, styles, imagery): ___
Photography approach (real, stock, illustration): ___
Dense vs airy: ___
5. Pages and features
Pages needed: ___
Must-have features: ___
Nice-to-have features: ___
Integrations (booking, payment, CRM, email): ___
SEO scope: ___
6. References
5-10 sites we love + why: ___
3-5 sites we hate + why: ___
Mood board link (Pinterest/Figma/Notion): ___
7. Logistics
Target launch date + why: ___
Budget range: ___
Content status (written, partial, none): ___
Photography status: ___
Who writes the new copy: ___
Hosting (we have it / designer sets up): ___
8. Anything else
Concerns, war stories, hard preferences, upcoming changes: ___
If you would rather skip the writing and let us guide you through a smart questionnaire, our free design preview form is essentially this template in interactive form — and you get a custom homepage mockup at the end of it.
How to brief a web designer when you have no website yet
If this is your first website, you do not have analytics, you do not have a current site to critique, and you might not know your audience as precisely as the questions above assume. That is fine. Adapt the brief like this:
- Goals: Pick a number, even if it is an educated guess. "I want 10 booked consultations in the first 60 days" gives the designer something to aim at.
- Audience: Describe the customers you already serve offline. They are the audience.
- References: Spend more time here. Without analytics, references do double-duty.
- Content readiness: Be extra honest. New businesses almost always need copywriting help.
For first-timers, also read our guides on starting an online store and choosing the right platform before you brief — they help you fill in the technical parts of the brief.
What happens after you send the brief
A good designer will respond within 48 hours with one of three things:
- A quote. If the brief is complete and the designer has worked on similar projects, they will quote straight away.
- Follow-up questions. Even with a great brief, designers will have 5 to 15 clarifying questions. This is healthy — answer them in the same document so it stays the source of truth.
- A discovery call request. For larger projects ($10K+), designers usually want a 30 to 60 minute call to dig deeper. Bring your brief to the call; do not start from scratch.
From there, the brief becomes the spine of the project. It informs the proposal, the contract scope, the design direction, the feedback loops, and the launch checklist. Treat it like a living document — update it when the project shifts.
The website design questionnaire vs the brief: which do you need?
A lot of designers — including us — send clients a website design questionnaire after the initial conversation. It looks similar to a brief but is structured as a series of pointed questions rather than an open document. Both serve the same purpose: extract the information the designer needs.
The difference:
- A brief is written by the client, in their voice, before reaching out to designers. Use it to shop around — same brief, three quotes.
- A questionnaire is sent by the designer, structured to surface decisions they need to make. Fill it out thoroughly even if you have already written a brief.
If your designer does not send a questionnaire, that is a yellow flag — it usually means they are guessing more than they should be. Either send them this template proactively, or look for a designer who has a structured intake process.
Putting it all together
The website brief template above is the single highest-leverage hour you will spend on your web project. One to three hours of writing now will save you 20 to 50 hours of revisions and rework later. It will get you a tighter quote, a faster project, and a website that does what you actually need it to do.
If writing the brief feels overwhelming, you have two options. Option one: power through, even imperfectly. A 60-percent-complete brief is still 10x more useful than no brief. Option two: use a structured intake form like our free design preview, which walks you through the same questions and produces a real homepage mockup as the output.
Whichever you choose, do not skip this step. The clients we work with who land their websites in 6 weeks and 1.2 rounds of revisions — those clients all wrote a brief. The clients who slip to month four — they all sent us a two-line email.
Skip the blank page — let us guide you through the brief
Fill in our 90-second design preview form. We turn your answers into a custom landing page mockup within 48 hours. Free, yours to keep.
Start your free preview →Frequently asked questions about briefing your web designer
How long should a website brief template be?
For a small business site (5 to 15 pages), aim for 4 to 8 pages of brief — roughly 1,500 to 3,000 words. Short enough that your designer will actually read it end to end, long enough to answer the questions that would otherwise eat three rounds of revisions. If your brief is under one page, it is too vague. If it is over 15 pages, you are doing the designer's job for them.
What is the difference between a web design brief and a project brief?
A web design brief focuses on the visual outcome — look, feel, brand expression, references. A website project brief is broader and covers scope, timelines, budget, content readiness, technical constraints, and stakeholders. In practice, small businesses should combine both into one document. The 8-section template in this guide does exactly that.
How do I brief a web designer if I do not know what I want?
Start with the business goals, not the design. Answer what you want the website to do (leads, bookings, sales), who it is for, and what success looks like in 90 days. Then collect 5 to 10 sites you like and 3 you hate — that does more for design direction than trying to describe a style in words.
Should I include a budget in my website project brief?
Yes, always. Designers cannot scope a project without a budget anchor, the same way a kitchen renovator cannot quote without knowing if you are looking at $5K or $50K. Give a range you are comfortable with. If you withhold it, you will get a proposal that misses your budget by 3x in either direction and wastes everyone's time.
What is a website design questionnaire and do I need one?
A website design questionnaire is the designer's version of a brief — a structured form they send you with 30 to 60 questions covering brand, goals, audience, and references. If your designer sends one, fill it out thoroughly even if you already wrote a brief; the overlap helps. If they do not send one, the template in this guide is essentially a self-serve questionnaire.
Can I just send my designer a few reference sites instead of writing a brief?
No. References show taste but not strategy. A designer needs to know who you are selling to, what you want them to do, and what content you have ready. References without context lead to a beautiful site that converts at 0.4 percent because it was designed for the wrong audience. Use references to anchor the visual direction, not to replace the brief.
How detailed should the design preferences section of my brief be?
Detailed enough to set direction, loose enough to let the designer do their job. Cover brand personality (5 adjectives), color preferences or hard rules, typography taste, mood (warm vs cool, dense vs airy), and references. Do not specify font sizes, hex codes for accents, or layout grids unless you have brand guidelines already locked. Over-specifying the visuals is the most common mistake in client briefs.
Do I need to have all my content written before I send the brief?
No, but you need to be honest about where the content is coming from. Most projects stall at the content stage — not design. Tell your designer whether you will write it, whether they will write it (add 20 to 40 percent to the budget), or whether you will hire a copywriter separately. If you skip this question, expect a 3 to 6 week delay later.