Growmodo Background Elements

How to Write a Bulletproof Web Design Brief [Free Template]

Growmodo Background Elements
How to Write a Bulletproof Web Design Brief

A web design brief is a short document that will guide the entire site design process.

It should be as complete and as detailed as possible, because it will serve as a reference point for all parties involved.

Often, work on a project suffers because of a lack of previously obtained information or because of a mismatch between the designer’s capabilities and the customer’s expectations.

How to make the workflow as productive and comfortable for both parties?

The answer is simple – it is necessary to give the customer the opportunity to fully answer all questions according to the web design brief template.

The Purpose and Definition of a Web Design Brief

At the beginning of the project development, it is necessary to create a document with which developers can estimate the time and money costs of future site design.

Filling it, the customer specifies all the wishes regarding the design, basic and additional features.

Very often, the customer himself does not fully understand what she wants to see as a result.

The web design brief allows recording all ideas in writing and reach an understanding between the client and the performer.


Web Design Brief Template

Get our FREE web design brief template and turn your next website redesign into a success straightaway.
Web Design Brief Template

What Is the Difference Between the Web Desing Brief and Technical Task?

At the initial stage of cooperation, the client needs to specify his wishes.

A technical task is a way to understand, interpret and fix these wishes in the contract by the designer.

The web design brief template is made long before the first sketches and layouts – before the work on the design project begins.

In this document, the designer, together with the customer, prescribes the requirements, expectations, and wishes.

To make a project, the designer must first understand the essence of your request, and to register all the wishes. Why does the customer need it?

This is a guarantee that he had specified every important thing and the designer understood him correctly.

Difference Between the Web Design Brief and Technical Task

2 Main Ways to Make a Web Design Brief

It is possible to make it in one of the following ways:

  • Remotely – a web-studio or freelancer sends a template to the customer with pre-prepared questions to which the customer answers independently. This method is more preferable for clients who already have experience of interaction with third-party developers.
  • In the process of dialogue. The designer fills out the document in the process of communication with the customer, asking the necessary questions. This method is best suited to those customers who have never before encountered the development of websites.

How to Start Writing a Web Design Brief

How to make a web design brief for developing corporate identity?

What is the main question we should ask the client before starting work?

What do you need to figure out in it to not act at random in the search for various options?

These questions concern each designer, starting to the next project on the creation of a corporate style.

How to Start Writing a Web Design Brief

So, we will define the questions, or rather the topics consisting of questions to clarify before starting work.

In general terms, it is possible to highlight several such topics:

Information about the customer, information about the customer’s market, target audience, customer wishes, requirements, and corporate identity elements.

Thus, the designer needs to ask, and the customer to answer the following questions.

Main Questions to Ask and Answer

  1. Information about the customer: name, area of activity, website, the presence of the logo and corporate identity, information about products and services, advantages, features of the market.
  2. Main competitors, their achievements that need to be surpassed.
  3. Basic information about the product being developed:
    • Groups of the target audience, their characteristics, and features. Are they individuals or corporate clients? What are their main geographical, age, social, behavioral signs?
    • Type of site. This could be a corporate website, a blog, a landing page or an online store.
    • The functionality of the site. For example, the site may contain a catalog of useful articles that users find through a search on the site, or a closed section on the site, where users can get under their login and password.
    • What key action should a user perform on the site? The answer to this question will help the developer create such a target button design that will increase conversions.
    • Is there a need to do other language versions? Does the developer need to provide the ability to add new language versions?
    • Are there any logo and/or corporate identity to use? If not, is their development required?
    • Style and spirit of the project. It is important for the designer to know what values and qualities the project is built on. This concerns not only the visual design but also the general mood. For example, it can be classic, luxury or simplicity.
    • Examples of sites that the customer noted as those that he likes.


Web Design Brief Template

Get our FREE web design brief template and turn your next website redesign into a success straightaway.
Web Design Brief Template

Decide on the Site Content Before Starting the Design

Thinking through the design of the pages of the future site, it is necessary to understand in advance what content will be placed on them and write it in the web design brief.

It is not recommended to duplicate the contents of an existing site.

If it gives low attendance and does not bring results, it may mean that the content is irrelevant or something is wrong with it. Determine the target audience and try to optimize new content for it.

Decide on the Site Content - Web Design Brief

After filling the document, you need to think about it not only in the process of creating a website in stages.

But also after the launch of the updated version since the content should always be relevant and useful to customers.

Therefore, it is important to include the following questions:

  • Does the customer have the skills and resources to audit the content of an existing site?
  • Who will work on the content for the site? For example, it is possible to create it independently or outsource this task to such services as Studicus or Trustmypaper.
  • Are there any corporate terms and conditions (maybe there should be a certain tact or glossary in the text)?
  • Is there corporate graphics, photos, or videos?

4 Possible Types of Your Web Design Brief Template

  1. A Word document with a list of questions and free space for answers: in the form of a table or a survey on items. This option is not always convenient since you need to send it and then download the completed document.
  2. The document or table in Google has the same format, with the only difference that you can simply exchange a link to the document and watch the process of filling it out.
  3. Surveys in Google Forms allow you to develop branched forms, such as creating text patterns and asking questions depending on the format you choose.
  4. Interactive page with a progress bar and step by step filling. This is the best option because it allows the designer to receive information automatically in the form of a table. This is the most costly method since its development will take time and knowledge of the basics of programming.
Interactive Web Design Brief

How to Set and Cope with the Deadlines Based on the Web Design Brief

First of all, this document should contain answers to the following questions.

  • How much money are you going to invest in the project? Depending on the budget, it will be possible to implement the most advanced solutions, but this may take longer.
  • When do you want to run a ready-made web project?  Depending on the proximity to this date, the designer will be able to create a technical task and assign tasks according to their importance, so that at least you can enter the market with something like MVP.
  • Do you have a final deadline of when to appear online? For example, if the release of your project will be associated with a specific event or holiday, it will be necessary first, to take this feature into account when developing the design itself, and second, to plan the scope of work in such a way as to complete the project.

In any case, a well-designed web design brief template allows you to break all the work on the site into certain subtasks.

For example, it is possible to highlight the following points of the design work plan:

  • Development of corporate identity, selection of corporate colors
  • Logo development
  • Development of multiple versions of the main page
  • Creating a target button and so on.

For example, all these tasks can be transferred to Trello , Asana or any other task manager, with an indication of the deadline for execution.

Thus, based on the web design brief, both the designer and the customer will always be able to track the progress of the work.

The Web Design Brief Is Always Approved by the Customer!

Even if you worked together in search of answers to specific questions, each of the parties should receive a final version of the document.

Being approved by the signature, it will give the designer an understanding that the customer still wants to do the things in a specified way.

The customer will be able to make sure that all his wishes and ideas are recorded in writing.

Filling the web design brief just from the words of the client, the designer, prompting the answers, can make a decision for him, but in fact, it turns out that the client needs something completely different.

Therefore, such two-way authentication is required.

Growmodo Blog Author - Kristin Savage

Written by Kristin Savage

Kristin Savage nourishes, sparks and empowers using the magic of a word. Along with pursuing her degree in Creative Writing, Kristin was gaining experience in the publishing industry, with expertise in marketing strategy for publishers and authors.

Now she had found herself as a freelance writer. You can find her on Facebook.

Are you frustrated about your website results? 

The Ultimate List of Website Conversion Tips

Download our Google sheet with almost 100 ideas to optimize your website for conversions and join the 5-Day Growth Challenge to grow your website’s impact without spending more on advertising.