How to Write a Web Design Brief That Gets You a Great Quote
Most disappointing websites can be traced back to the same root cause, and it isn't a bad designer. It's a bad brief. When a business hands over a fuzzy idea of what it wants, it gets fuzzy quotes that are impossible to compare, a project that drifts, and a finished site that somehow misses the point. A clear brief fixes all of that before a single design is drawn.
The good news is that writing one doesn't require any technical knowledge. It just requires thinking clearly about what your website is for. This guide walks you through exactly what to include, so you get accurate quotes, a smoother project, and a site built around your goals rather than someone's guesswork.
Why the brief matters so much
A web design brief does three jobs at once. It forces you to clarify what you actually want, which is often the hardest and most valuable step. It lets designers quote accurately, because they can see the real scope rather than guessing. And it becomes the shared reference that keeps the project on track when decisions get fuzzy later. Skip it, and you'll pay for that omission in mismatched quotes, scope creep, and a website that needs expensive changes after launch.
Crucially, a good brief is also how you compare quotes fairly. When every designer is working from the same clear scope, the differences in their proposals become meaningful rather than apples-to-oranges confusion (which connects directly to deciding what your website should cost and include).
What to put in your brief
You don't need a long document. A page or two covering these areas does the job.
| Section | The question it answers |
|---|---|
| Goal | What is the website's single most important job? |
| Audience | Who is it for, and what do they need? |
| Pages & features | What must the site have, versus nice-to-have? |
| Look & feel | What style fits your brand? Any examples you like? |
| Content | Who provides the words, images and logos? |
| Budget & timeline | What can you spend, and when do you need it? |
Start with the goal
Before anything else, write down the single most important thing your website must do: generate enquiries, sell products, take bookings, or build credibility. This one decision shapes every design choice that follows. A site built to sell looks and behaves differently from one built to inform — and a designer who knows the goal can build toward it (see what makes a website convert).
Describe your audience
Who are your customers, and what do they need when they arrive? A site for young, mobile-first shoppers is a different beast from one serving corporate buyers doing careful research. The clearer you are about who you're designing for, the better the result fits them.
List your must-have pages and features
Note the pages you need and any specific functionality — online booking, a shop, a members' area, a blog. Be honest about what's essential versus merely nice, because every feature adds cost and time. This is the section that most affects your quote, so precision here pays off.
Show the look and feel you want
You don't need design language. Just point to two or three websites you admire and say what you like about each — clean and minimal, bold and colourful, warm and friendly. Examples communicate taste faster than paragraphs, and they keep your brand identity front of mind (see logo vs brand identity).
Be clear about content
Who's writing the words and supplying the photos and logo — you or the designer? Content is the most common cause of delayed projects, so settling this upfront keeps things moving and the quote accurate.
State your budget and timeline
Some businesses worry that naming a budget means being overcharged. The opposite is usually true: a budget lets a designer propose the best solution within your means rather than guessing. Pair it with a realistic timeline and any fixed deadlines.
The mistakes that sink briefs
A few common errors quietly undermine otherwise good briefs.
Being vague to seem flexible. “We're open to ideas” sounds accommodating but leaves the designer guessing and the quotes uncomparable. Specifics help everyone.
Listing features instead of goals. Asking for a long list of features without explaining what you're trying to achieve often leads to a cluttered site. Lead with goals; let the features serve them.
Forgetting the fundamentals. Assume nothing. State clearly that the site must be fast and excellent on mobile, because those aren't optional — they shape the whole build (see mobile-first web design and website speed).
Ignoring what happens after launch. Mention whether you'll need ongoing support, because maintenance is part of the real cost of owning a site (see website maintenance).
A brief is also a filter
Here's an underrated benefit: a clear brief reveals a lot about the designers who respond to it. The good ones will ask sharp follow-up questions, push back where your thinking is muddled, and propose ideas you hadn't considered. The ones to avoid will simply quote a number with no curiosity about your goals. In that sense, your brief isn't just instructions — it's a test that helps you choose the right partner, which matters as much as the platform or the price (and connects to the bigger build-versus-buy question in website builder vs custom web design).
Frequently asked questions
How long should a web design brief be?+
What if I don't know exactly what I want?+
Should I include a budget even if I'm unsure?+
Can I reuse the brief to compare multiple designers?+
The bottom line
A great website starts long before any design work, in the clarity of your brief. Spell out the goal, the audience, the must-have pages, the style you like, who's providing content, and your budget and timeline. Avoid vagueness, lead with goals rather than features, and treat the fundamentals of speed and mobile as non-negotiable. Do that, and you'll get accurate quotes, a smoother project, and a website built around what your business actually needs — rather than what a designer guessed you meant.
If you'd like help shaping a brief and turning it into a site that performs, you can explore how a custom web design service works or get in touch.
References
- Think with Google. “Mobile Page Speed: New Industry Benchmarks.” thinkwithgoogle.com.
- Google / web.dev. “Web Vitals.” web.dev.