Why does a web design brief matter so much?
A brief is the contract between what you want and what gets built. Designers work from information — the more accurate and specific that information, the better the work they produce. A vague brief produces guesswork, which produces revisions, which produces cost overruns and frustration. A clear brief is the single most effective investment in a web design project outcome.
What is the most important thing to include in a web design brief?
The specific goal of the website — what you want visitors to do and what success looks like in measurable terms. 'I want a professional website' is not a goal. 'I want a website that generates 20 enquiry form submissions per month from professional services businesses in London' is a goal a designer can build towards.
How long should a web design brief be?
Long enough to cover all the essential areas; short enough to be read carefully. For most business website projects, a well-structured brief of 1,000–2,000 words covers everything a designer needs. The quality and specificity matter more than the length — five specific paragraphs are more useful than twenty vague ones.
Every website project that goes wrong follows a predictable pattern: the client had something specific in mind, the designer built something based on what they interpreted from a vague description, the client expected something different, and rounds of expensive revision followed.
The cause of this is almost always the brief. Or rather, the lack of one.
A thorough web design brief is not bureaucratic overhead — it's the document that aligns your mental image of the website with the designer's understanding of it. Writing it well is the highest-leverage 2–3 hours you can invest in a web design project.
The 10 Sections Every Web Design Brief Needs
1. Business Overview (1 paragraph)
Who is the business, what does it do, and who does it serve? Not a sales pitch — a plain-English description of the business that gives a designer context.
Include:
- What the business does (specific, not "we provide solutions")
- Who the primary customer is
- How the business generates revenue (one-off projects, subscriptions, product sales, retainer services)
- Geographic market (local, national, international)
Example: "Evoke Studio is a web design and brand identity studio serving startups and small businesses, primarily in English-speaking markets. We work on project fees, with packages starting at $1,500 for brand and website work. Most clients find us through search or referral."
2. Project Goal (1–2 paragraphs)
What is this website supposed to accomplish? Be specific and measurable where possible.
What to avoid: "I want a modern, professional website." Every client wants that.
What works: "The primary goal is generating enquiry form submissions from businesses with a web design or brand identity budget of £2,000+. Secondary goal: communicating our portfolio clearly enough that prospects self-qualify before contacting us."
3. Target Audience (1–2 paragraphs)
Who are the actual people who will use this website? The more specific, the more useful.
Describe your ideal visitor:
- Their role or situation (founder launching a startup / marketing manager at a mid-size company / homeowner planning a renovation)
- Their level of knowledge about what you offer (complete beginner / informed buyer / expert)
- What they're looking for when they arrive (reassurance / specific information / a quote)
- What concern or objection they have that the website must address
4. Site Structure (list)
What pages does the website need? List each one with a one-sentence description of its purpose.
Example:
- Home: Overview of what we do and who we serve; primary CTA to contact
- Services: Individual pages for web design, brand identity, AI logo vectorization
- Portfolio: 8–10 case studies with images and project descriptions
- About: Team, story, approach
- Blog: Published guides and articles
- Contact: Enquiry form and response time commitment
This becomes the work scope — it determines the time and cost of the project.
5. Functional Requirements (list)
What does the website need to do beyond displaying content?
Common functional requirements:
- Contact or enquiry form (with specific fields listed)
- E-commerce (product count, payment gateway preference)
- Online booking or appointment scheduling (which platform: Calendly, Acuity, etc.)
- Client login area
- Blog with specific categories and archive structure
- Newsletter signup integration (Mailchimp, ConvertKit, etc.)
- Live chat integration
- Analytics (Google Analytics, which events to track)
6. Design Direction (with visual references)
This is where most briefs are too vague. "Modern and clean" describes 90% of all websites — it gives a designer almost no useful information.
What actually helps:
- 3–5 URLs of websites you find visually compelling (inside and outside your sector)
- 3–5 URLs of websites you dislike — and specifically what you dislike about them
- 3–5 adjectives that describe how the website should feel (not look): authoritative, approachable, playful, precise, bold, calm
- Any brand assets that must be incorporated: existing logo, colour palette, fonts
Important: "I like this website [URL]" is much more useful than a written description of what you think you mean by "modern and clean."
7. Brand Assets Available
Tell the designer what you already have:
- Logo (format: vector AI/EPS/SVG, or raster PNG/JPEG)
- Brand colour codes (hex, CMYK, Pantone — if you have them)
- Typefaces currently used
- Photography (professional images, phone photographs, or none yet)
- Any existing brand guidelines document
If your logo is a JPEG or a PNG from an AI generator, flag this. Read Why AI-Generated Logos Need Vectorization — the designer will need a vector file to proceed professionally.
8. Content Plan
Who is writing the text for each page, and by when?
This is the section most clients leave blank — which then becomes the primary cause of project delays. Content is almost always the long pole. Be honest about whether you will write it, whether you need a copywriter, and your realistic timeline for providing it.
State clearly:
- Who will write the copy for each page (you / a copywriter / the designer)
- Who will provide photography (you / a photographer / stock only)
- Your realistic deadline for providing all content
If you want the designer to write copy, say so explicitly and ask for the additional cost upfront.
9. Budget and Timeline
Budget: Give a range. Designers price work to the scope, not to what they can extract — but without a budget range, a designer either scopes to the minimum they'd accept (which may be underpowered for your needs) or the maximum they think you might pay (which may be over). A range lets them scope appropriately.
Read How Much Does Web Design Cost for realistic market rate expectations before you set a budget.
Timeline: State your target launch date and any hard deadlines (event, product launch, funding round). Be honest about internal timelines — a designer can only go as fast as your content and feedback allows.
10. Success Metrics
How will you know if the website has done its job in 6 months?
Examples:
- X enquiry form submissions per month
- Average session duration above X seconds
- X% reduction in bounce rate on homepage
- Ranking in top 5 for specific keyword
This section helps a designer understand what "success" means to you and make design decisions that serve those goals rather than aesthetic ones.
The Brief Template You Can Use Today
WEB DESIGN BRIEF
Business: [Name and one-sentence description]
Website URL (current, if applicable):
1. PROJECT GOAL
What should this website achieve? Who is the primary audience?
2. TARGET VISITOR
Describe the person landing on this website. What are they looking for?
What concern do they have that the website must address?
3. PAGES NEEDED
List each page and its purpose.
4. FUNCTIONAL REQUIREMENTS
Forms, booking, e-commerce, integrations — list everything needed.
5. DESIGN REFERENCES
URLs I like: [3–5 links + what specifically I like about each]
URLs I dislike: [2–3 links + what I dislike]
How the site should feel (adjectives):
6. BRAND ASSETS
Logo format available: [vector / JPEG / none]
Colour codes:
Typography in use:
Photography available: [yes / partial / none needed]
7. CONTENT PLAN
Copy: [I will write / I need a copywriter / please include]
Photography: [I have / I need a shoot / stock only]
Content ready by: [date]
8. BUDGET
Range: £/$ [min]–[max]
Hard deadline: [date, if applicable]
9. SUCCESS METRICS
In 6 months, this project will have succeeded if:
Ready to brief a web design project with a studio that reads briefs carefully?
Evoke Studio builds Next.js websites and brand identities for businesses with clear goals. Send your brief — or let us help you develop one in a 20-minute discovery call.
Write what you do know and flag what you're uncertain about. 'I'm not sure what the exact target audience is — we currently serve both B2B and B2C and I'd like to discuss which to prioritise' is more useful than leaving the section blank. A good designer or studio will help you work through the unclear sections in a discovery call — but they need to know they're unclear, not find out three weeks into the project.
Sending to 2–3 studios or designers and comparing their response is reasonable. More than that is counterproductive — the responses become harder to compare and the quality of each response typically decreases as studios realise they're one of many. A focused brief sent to 2–3 carefully selected studios, with a clear decision timeline communicated upfront, produces better outcomes than a mass broadcast.
A brief significantly increases the probability of a good outcome, but it doesn't guarantee it. The other half of the equation is choosing the right designer (whose portfolio demonstrates the style and capability you need) and maintaining clear communication during the project. A great brief with the wrong designer is still a risk; a good brief with the right designer produces excellent outcomes consistently.
Changing scope after the brief is agreed typically creates additional cost — the original quote was based on the original scope. Small adjustments within the agreed scope are usually absorbed; significant additions (extra pages, new functional requirements, a different design direction) should be discussed and re-quoted before work begins on the changed scope. Clarifying the scope change and its cost implications early prevents the end-of-project bill shock that damages client-designer relationships.
Specific enough to be useful. 'I like this website because of the large typography and the minimal colour palette' is useful. 'Something like Apple' is not — it describes a category, not a direction. The best design references include websites from outside your sector that inspire you — because these reveal your actual aesthetic preferences rather than what you think a business in your sector 'should' look like, which often leads to generic, category-norm results.