Most website projects do not go over budget because the designer is slow. They go over budget because the brief was thin. A vague line like “we want a modern site that converts” gets interpreted three different ways, produces three rounds of concepts, and burns two weeks before a single page is approved.

A web design creative brief is the short document you write before the project starts. It states what the site must achieve, who it is for, what pages exist, how it should sound, what it must connect to, and what you are willing to spend. It is not paperwork for the agency. It is the cheapest insurance you can buy against revision cycles.

Below is a section-by-section breakdown of the 11 parts a brief needs, and exactly what happens to your timeline and invoice when each one is missing.

What a web design creative brief actually is

A creative brief for a website is typically two to five pages. It is written by the client (you), not the agency, although a good agency will help you refine it. It is different from a technical specification and different from a proposal:

• The brief says what you want and why.
• The proposal says how the agency will deliver it and for how much.
• The specification says exactly how each feature behaves.

The brief comes first. Everything else is priced from it. That is why an incomplete brief always shows up later as a change request.

The cost of every missing section, at a glance

Missing section	What it triggers during the build	Typical impact
Business goals	Designs judged on taste, not results	2 to 4 extra concept rounds
Audience definition	Wrong tone, wrong hierarchy, homepage rewritten	1 to 2 weeks lost
Competitor references	Blind first draft, “not what we imagined” feedback	A full design round wasted
Page list	Scope creep, pages added after templates are locked	Change orders per page
Content plan	Project parked waiting for copy and photos	The single biggest cause of delay
Technical requirements	Integrations discovered mid build	Re-quoting, sometimes re-platforming
Approval process	Contradictory feedback from five people	Endless revision loop
Budget range	Proposal aimed at the wrong scale	Weeks of re-scoping

The 11 sections of a web design creative brief

1. Project overview and background

Three short paragraphs: who you are, what you sell, and why you are rebuilding the site now. The trigger matters more than the history. “Our current site was built in 2019 and does not work on mobile” leads to a different project than “we are launching a second product line in Q1”.

What to include:

• Company, sector, size, markets served
• The event that triggered this project
• Whether it is a redesign, a rebuild on a new platform, or a brand new site
• What must be preserved from the current site (rankings, URLs, a booking system)

If you skip it

The team designs for a generic business. Every strategic recommendation has to be re-explained in meetings, and you pay for those meetings in the hourly rate.

2. Business goals and how you will measure them

This is the section that decides whether feedback is subjective or objective. Write between two and four goals, each with a number attached where possible.

Weak: “More leads and a better image.”
Strong: “Increase quote requests from 12 to 25 per month within six months. Cut phone calls asking for pricing by half by publishing pricing tiers. Reduce time to publish a case study from three days to one hour.”

Add the primary conversion action for the site: form submission, call, booking, purchase, download, application.

If you skip it

Design reviews become opinion contests. Someone dislikes the green, someone wants a bigger logo, and nobody can settle it because there is no shared criterion. This is where the extra rounds come from. A brief with measurable goals lets the designer answer “does this move the number?” instead of “does everyone like it?”.

3. Target audience and the tasks they need to complete

Do not stop at demographics. Web design is driven by tasks, not by age brackets.

For each audience segment, state:

• Who they are and their role in the buying decision
• The job they came to your site to do
• What they need to see before they trust you
• Their objections and hesitations
• The device and context they use (site visits from mobile now dominate most B2C sectors, and are the majority in many B2B ones)

Example: “Facilities managers at companies of 50 to 500 staff. They arrive from a Google search after an equipment failure. They need to know we cover their region and can respond within 24 hours. Their objection is that we look too small to handle their site count. Mostly desktop, during working hours.”

If you skip it

The homepage speaks to the wrong person and gets rewritten after launch, when copy changes are more expensive because they touch a live site.

4. Competitors and reference sites

Give three to five competitor URLs and three to five sites you admire (they do not need to be in your industry). For each, add one line on what works and what does not.

Split them clearly:

• Direct competitors: who you are compared against in a pitch
• Aspirational references: the level of polish you are aiming for
• Anti-references: sites you actively want to avoid resembling, and why

The anti-references save the most time. “We do not want dark backgrounds and stock photos of handshakes” removes an entire direction before anyone draws it.

If you skip it

The first concept is a guess. Even a good guess costs you one full round of feedback and revision, which on most projects is one to two weeks.

5. The page list and scope boundaries

List every page and template. Distinguish between unique page designs and repeatable templates, because that is how design work is priced.

Type	Examples	Count
Unique designs	Home, About, Contact, Pricing	4
Templates	Service page, blog post, case study, team member	4
Populated pages	8 services, 20 posts, 12 case studies	40
Out of scope	Client login area, multilingual versions	Phase 2

Add an explicit out of scope line. It protects both sides and makes phase 2 a planned conversation instead of an argument.

If you skip it

Pages appear one by one during the build. Each one arrives after the design system is locked, so each one becomes a change order. Ten surprise pages can add 20 to 30 percent to a fixed-price project.

6. Content, copy and assets: who produces what

This section prevents the most common stall in the industry. Waiting for content is what turns an eight week project into a five month one.

For every content type, name an owner and a date:

• Page copy: written by you, by the agency, or by a freelance copywriter?
• Photography: existing library, new shoot, or licensed stock?
• Logo and brand files: do you have vector versions?
• Product data, price lists, PDFs, certifications
• Migrated content: how many old blog posts move over, and who cleans them up?
• Video, testimonials, client logos and permissions to use them

State the deadline for delivering content to the agency, not just the launch date.

If you skip it

Design happens with placeholder text, then real copy arrives twice as long and breaks every layout. The team rebuilds sections that were already approved. Budget for this to be the single most expensive omission on the list.

7. Brand, tone of voice and visual direction

If you have brand guidelines, attach them. If you do not, answer these:

• Three adjectives that describe how the site should feel
• Three adjectives it must never feel like
• Colours and typefaces that are locked, and which are open
• Photography style: people, product, abstract, illustration
• Tone of the writing: formal, plain-spoken, technical, playful
• Anything the brand must legally display (certification marks, disclaimers)

A small moodboard of six to ten images beats a paragraph of adjectives. Words like “clean” and “premium” mean different things to different people. Images do not.

If you skip it

You get a design that is technically fine but feels wrong, and “feels wrong” feedback is almost impossible to action. Expect a restart on visual direction, which is typically 15 to 25 percent of the design budget.

8. Functional and technical requirements

List every feature and every system the site must talk to. Be specific about the tool name and the plan you are on, because integration effort varies enormously between them.

• CMS: WordPress, headless, another platform, or your preference left open
• Forms: how many, what fields, where submissions go
• Integrations: CRM, email marketing, booking, payment, ERP, live chat
• E-commerce: product count, variants, tax and shipping rules, payment providers
• Search, filters, gated content, member areas, calculators
• Hosting: who provides it, who owns the domain, who holds DNS access
• Languages and regional variants
• Who maintains the site after launch, and how technical they are

If you skip it

An integration surfaces in week six. If the chosen platform cannot handle it cleanly, you either accept a compromise or pay to rebuild part of the site. Late technical discoveries are the only ones that can genuinely double a quote.

9. SEO, performance, accessibility and compliance

Redesigns routinely lose organic traffic because nobody planned for it. State the requirements up front.

• Do current URLs change? If so, a redirect map is mandatory.
• Which existing pages bring traffic and must be preserved?
• Target keywords per page section
• Performance targets (Core Web Vitals thresholds, page weight limits)
• Accessibility level required, for example WCAG 2.2 AA. Note that public sector and many enterprise procurement processes now require this by contract, and the European Accessibility Act obligations apply to a wide range of consumer-facing services.
• Privacy and consent: cookie banner, analytics setup, GDPR, data residency
• Industry rules: financial disclaimers, medical claims, terms and conditions

If you skip it

Traffic drops after launch and you pay for an emergency SEO audit plus retrofitting. Accessibility retrofits are especially painful because they touch colour, contrast, markup and every interactive component at once.

10. Budget range and timeline

Give a range, not a secret number. Agencies are not trying to spend all of it; they are trying to propose a scope that fits it. Without a range, you get a proposal built for a different size of company.

Include:

• Budget range for design and build
• Separate budget for content, photography and licensing
• Ongoing budget for hosting, maintenance and support
• Hard deadline and what makes it hard (trade show, funding round, contract expiry)
• Blackout periods when your team cannot review anything

If you skip it

Two to three weeks disappear in re-scoping. Worse, you may select the cheapest proposal only because it quietly excluded half the requirements.

11. Stakeholders, approvals and the feedback process

The most underrated section in any brief. Name people, not departments.

• Final decision maker: one person who can approve and overrule
• Day to day contact: who the agency messages
• Reviewers: who gives input and on which topics only
• Consolidation rule: feedback is collected internally and sent as one list
• Turnaround commitment: for example, feedback within three working days
• Revision rounds included: usually two per stage, with extra rounds billed

If you skip it

Five people send contradictory comments on five different days. The designer implements one, then reverses it a week later. This is how projects accumulate revision rounds nobody planned or paid for. A named decision maker and a consolidated feedback rule is the cheapest fix in this entire article.

A quick self-check before you send your brief

1. Could a designer who has never met you understand what success looks like?
2. Is there a number attached to at least one goal?
3. Is every page and template listed, plus what is explicitly excluded?
4. Does every piece of content have a named owner and a date?
5. Is every third party tool named?
6. Is there one person who can say yes?
7. Is there a budget range?
8. Have you stated what you do not want, not only what you want?

If you answered no to more than two, the missing information will be discovered during the build instead, at a much higher price. digitalculturenetwork.org.uk published something useful on the subject.

Common mistakes that survive even good briefs

• Describing solutions instead of problems. “We need a slider” hides the real need, which might be “we have four audiences and no obvious entry point for each”.
• Copying a competitor’s structure. Their sitemap reflects their business, not yours.
• Treating the brief as final. It should be revisited after discovery. What it must not be is invented halfway through the build.
• Writing 40 pages. Long briefs get skimmed. Two to five focused pages plus attachments works better.
• Leaving out the boring parts. Hosting access, domain ownership and DNS control cause more launch day panic than any design issue.

How to use the brief once the project starts

The brief is not filed away after kickoff. Use it as the reference document in every review:

• Open each design presentation by restating the goals from section 2.
• Test feedback against the brief. If a request does not support a stated goal, it goes on a parking list.
• When scope needs to change, update the brief formally and re-price the change. Silent scope changes are what break timelines.
• After launch, measure against the metrics you wrote at the start. That is how you know whether the investment worked.

FAQ

How long should a web design creative brief be?

Two to five pages of core content, with sitemaps, brand guidelines and content inventories attached as separate files. Long enough to answer the 11 sections above, short enough that every stakeholder actually reads it.

Who should write the brief, the client or the agency?

The client writes the first version, because it contains business knowledge only you have. A good agency then challenges it, fills the gaps during discovery and returns a refined version for sign-off before design begins.

What is the difference between a creative brief and a design brief?

In practice the terms are used interchangeably for websites. A creative brief traditionally leans towards message, audience and brand; a web design brief adds page structure, functionality and technical requirements. The document you need for a website project contains both.

Do I need a brief if I already have a design agency I trust?

Yes, and it is even more valuable then. Familiarity increases assumptions. A written brief means both sides are working from the same version of the project rather than remembering a conversation differently.

What if I do not know my budget yet?

Give a range you would be comfortable with and state your ceiling. If you genuinely have no reference point, ask for scoped options at three levels: essential, recommended and full. That is faster than a blank quote followed by rounds of trimming.

Can I write a brief before choosing an agency?

That is exactly when you should write it. The same brief sent to three agencies produces three comparable proposals. Without it, you get three quotes for three different projects and no way to judge them fairly.

How detailed should the technical section be if I am not technical?

List the tools by name and the outcomes you need, for example “contact form submissions must appear in HubSpot” or “the team must be able to add case studies without a developer”. You do not need to specify how it is done, only what has to be true.

Before your project kicks off

A creative brief takes a few hours to write. The revision rounds it prevents take weeks and cost real money. Work through the 11 sections, be honest about the parts you have not decided yet, and mark those as open questions rather than leaving them blank.

If you would like a second pair of eyes on your brief before you send it out to agencies, get in touch with our team. We will tell you which sections will cause problems later, whether or not you end up working with us.