QuayClick Digital Marketing

How to create a web design brief – template included!

Jeanne Wilkins • Oct 18, 2022
Man studying web design brief

Deciding to work with a web design agency is an important and exciting step in the development of your new website. A good agency will bring creative flare and technical expertise to your project to deliver a professional and polished end product. However, to get the best from your new working relationship, you will need to clearly define the scope and requirements of your website project. A web design brief is the perfect tool for this. 


Why is a web design brief so important?


A web design brief will help you, as the client, to define what you need, want and expect from your new website. For the agency, it will become the scope that they need to deliver against and give them the required understanding and knowledge of your business to create a website that meets your needs. 


To properly create a web design brief, you will need to have already given time and thought to your new website project. If you haven’t already done this, we suggest you work through  How to plan a new website and improve its performance in 12 steps.


The 12 steps will help you to identify what you need to know for the design brief and help you to plan a website that works for your business.


Creating a web design brief for an agency


We’ve split our web design brief into 4 sections:

1. About you and your business

2. Inspiration and aesthetics

3. Content and structure

4. Technical details


You’ll need to complete each section to give your agency a full brief. We’ve included a template here that you can fill out as you go. Once you’re finished, you can send this to your web design agency and use it as the basis for any initial meetings you have and help them to develop a quote.


Download your free web design brief template


Part 1: About you and your business


1.1. Company Information

Your agency needs to know about your business – its name, size, location, and information like your values, products and what sets you apart from your competitors. You should also provide details of a named contact and their position in the business.

business team holding speech bubbles

1.2. Your current website

Explain why you’d like a new website. In relation to your current website, describe what works well and what you’d like to improve. If you have any performance stats or feedback from staff or customers relating to your current website it’ll help to share this.


1.3. Your goals for your new website

You should try and define what a successful new website would look like for your business. Our website planning blog post will help you with this – but a common goal is to sell more of your products and/or services.


1.4. Audience

Define the audience for your new website. Again, our how to plan your website post will help with this and includes some templates to help you define your customer personas. 


You should also describe what you want from your audiences as a result of them visiting your website. This could be an action like buying a product, filling out a form or sending an email. 


It’d also help if you can share any of the search phrases or keywords that your audiences use to find your current website.



Part 2: Inspiration and aesthetic


2.1. Competitors and aspirational brands

It’s really helpful if you can share some details of other brands in your industry. Looking at competitor websites can help an agency to identify industry trends and what works well or doesn’t in your sector. 


This is also a good opportunity to provide details of brands you admire; for their look, tone of voice, branding work, sense of style and fun, etc. These don’t have to be from your industry, but it will help if you can try and explain what you like or admire about them.


2.2. What do you like?

This can be a broad ask – but it will help your agency if you can try and communicate what you like in a website or design project. Let your creative juices flow and see what comes out. Examples could be:

I love blue and white

I prefer pastel colours

I like really bold and chunky fonts

I like a lot of colour 

I’m after something natural – lots of leafy greens and earthy browns

I love illustrations and animations


It’s a good idea to specify if there are any colours or styles you don’t like too!


You should also try and define what impression your website should give to visitors. Would you like your website to feel corporate or minimalist or retro or stylish etc. We’ve included a checklist in the template to help you with this.

colourful umbrellas

Part 3: Content & structure


3.1. Website structure

What pages and features would you like to include in your website? 

Most websites have the following:

Home, About, Products/Services, Contact


However, is there anything else you would like, such as a blog, gallery, calendar, testimonials, FAQs etc.?


It’s more important to think about what you want rather than how it all fits together, as the web design agency will help you with this.


3.2. Written content

Who will provide the content for your website? Will it be written by someone in your business or do you need help with website copywriting? 


It’s a good idea to set out what you think you need and when this will be available, as content is a big part of designing a website.


3.3. Logos & graphics

It can help to list assets that will be useful for your website – logos, photos, videos etc. This will help the agency to identify if there are any gaps.



Part 4: Technical details



4.1. Brand identity

If you have any branding or identity documents you could share them at this stage. For more on this, check out How to incorporate your brand identity into your website design.

Example of branding for web design

4.2. SEO

Share any high-level SEO work such as principal keywords used in your website. If you need help with SEO then you could raise this here also.


4.3. Hosting, CMS & support

You may not know all of the answers here, but share whatever you can. You should provide details of:

  • Any hosting package you have in place.
  • If you are already familiar with any content management systems.
  • What ongoing support you think you might need after launch – particularly around managing website and content updates and troubleshooting.


4.4. Budget and deadlines

Communicate how much money you have to spend and when you’d like your new website delivered. It’s best to be as open as possible. If your budget is limited, are there elements that it’s more important to have now and others that could follow later? Also, if you’re aiming to have your website live for a specific launch or event you should provide dates. You may also like to consider breaking deadlines down into interim milestones rather than thinking about a singular end date.


Working with a web design agency 

If you’re new to working with a web design agency then a creative design brief will help. The brief can be used as a working document for any inception meetings you have and will help the design agency to generate a realistic quote for the work and identify how they can help you.


However, even at this stage (and beyond) things can still go wrong - to learn some of the most common pitfalls of working with web design agencies, and how to avoid them, check out 10 mistakes businesses make when hiring a web design agency or developer.


Working with QuayClick

We work closely with our clients, getting to know them and their businesses so that we can create websites they’ll love. If you need help with a new website project, we will happily review your creative design brief and provide you with a quote for the work.  If you’re interested in working with us, you can even try us out with a 100% free, no obligation mockup of your new website homepage - find out more about our free website mockups.


Download your free web design brief template
by Nick Frampton 30 Jan, 2023
Paid advertising on Facebook is an essential part of many businesses’ marketing strategy. Whilst Facebook continues to be the market leader for social Pay-Per-Click (PPC) campaigns, Instagram advertising is growing rapidly and could help your business target a different audience.
Person shopping online from an e-commerce website
by Jeanne Wilkins 26 Jan, 2023
If you’re thinking of selling online for the first time, we’ve compiled a quick guide to getting started with e-commerce websites. Our top 7 essential ingredients will help you create a e-commerce website that converts visitors in to sales.
Examples of different website design
by Nick Frampton 26 Jan, 2023
Website design, including loading speed, layout and user experience can significantly affect a customer's perception of a business and the likelihood they'll convert. Find out where you could be going wrong and why good web design matters.
Bamboo forest seen through a mobile
by Jeanne Wilkins 26 Jan, 2023
As of June 2020, mobile devices had a 50.13% global market share of internet traffic, but is your business set-up for mobile users. Websites, emails, social media content and e-commerce platforms need to be mobile compatible. Here are seven statistics on mobile usage which may surprise you!
Social media like painted on wall
by Nick Frampton 10 Jan, 2023
Developing a social media strategy will help you to post consistently on social media in a way that benefits your business. We walk through 8 simple steps to creating a social media strategy for your business.
Facebook branded batteries
by Nick Frampton 12 Dec, 2022
Businesses that are over reliant on social media are vulnerable to outages and declines in platform popularity, whereas a business website lets you take control of your digital marketing.
Audiences for website copywriting
by Nick Frampton 08 Dec, 2022
Learn how to write website copy for different audiences and to use copywriting to appeal to your target market. Start writing for your target market today.
Exeter Quay
by Nick Frampton 05 Dec, 2022
Learn Exeter facts & discover Exeter Cathedral and Exeter's Underground Passages. Plus Exeter festivals, events and the hidden gems of Exeter.
Keyword research
by Simon Wilkins 30 Nov, 2022
Discover the different types of keyword including head-term and long-tail keywords and how to use them. Plus our top tips for keyword planning tools.
Take us for a test drive with a FREE Website Mockup
by Jeanne Wilkins 17 Nov, 2022
At Quayclick, we take the worry out of choosing a web designer by offering you a 100% free custom mockup of your new website homepage. We’re so confident that you’ll love our work, we’ll do a first draft design of your homepage for free. There’s no obligation on your part and your design will be ready for review in 7-10 days. Get your free website mockup now!
More posts
Share by: