Carmella

Web Design Brief Created in 8 Simple Steps

[vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ededed” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”10″][image_with_animation image_url=”6883″ alignment=”” animation=”Fade In” border_radius=”none” box_shadow=”none” max_width=”100%”][divider line_type=”No Line” custom_height=”5″][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ font_color=”#ffffff” column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”70″][vc_column_text]

A web design brief is a document explaining everything the web design company is expected to do for a client. It’s a brief description of the project that should result in a new website. Without it, there can be a lot of misunderstandings, and neither of the two parties will end up completely satisfied.
That’s why we’ve put together a list of 8 steps to write a killer web design brief.

Let’s break it down:

  1. Business/Company Information
  2. Define Your Goals
  3. Introduce Your Target Audience
  4. Explain The Market
  5. Demand Specific Features
  6. Specify Project Timeline
  7. Define the Budget
  8. Write Professionally

[/vc_column_text][divider line_type=”No Line” custom_height=”70″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ffffff” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”2/3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]Every business, small or big, needs a website that runs smoothly and provides a great experience to all the visitors. Having a great website means communicating with potential customers and allowing them to learn about you, your service, or your products. But, to have a website that fits your needs, you need to explain to your web designer exactly what you want. And that’s what a web design brief is for.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][image_with_animation image_url=”6599″ alignment=”” animation=”Fade In” border_radius=”none” box_shadow=”none” max_width=”100%”][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ffffff” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Business/Company Information

[/vc_column_text][vc_column_text]You need to start from the basics, and introducing your business to the web developers is important. They are creating this website for you, so they need to know exactly who you are.
Make this introductory brief, but include the most important information:

  • What your company does/ your USP (unique selling proposition)
  • The products/services do you offer
  • Your company policy
  • Your company values

Try helping them understand the nature of your business and what you represent to your customers.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ededed” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Define Your Goals in the Web Design Brief

[/vc_column_text][vc_column_text]A web design brief is created when a client wants to have a completely new website or redesign the existing one. Whatever your case is, you need to dig a little deeper and define your specific goals for this project.
In other words, you need to tell them what you expect to achieve through this project.

Here are some examples:

  • Create a better user experience
  • Raise brand awareness
  • Rebrand
  • Increase sales
  • Remove certain problems your current website has
  • Introduce new sections such as a blog, or an online shop

Write about what you wish to achieve since this is the key element of your web design brief. Your designers need to know as much as possible about your specific demands to be able to meet them.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ffffff” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Introduce Your Target Audience

[/vc_column_text][vc_column_text]This new web design project is supposed to help you provide a better service and experience of your potential customers and clients.

But, who are they?

You need to share this information in the project as well to make sure the designer takes it into account. Share all the information you have about them:

  • Demographic information (age, gender, social status, education, etc.)
  • What they expect from your brand
  • Their online behaviour
  • The type of business they run

Make sure you present your target end-users precisely and elaborately so that the designers know who they’re dealing with. Your target audience is their target audience.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ededed” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Explain the Market

[/vc_column_text][vc_column_text]Another thing your designer needs to understand before they dig into the project is the type of market you’re trying to win.

That includes information such as:

  • Your specific industry or niche
  • Your current ranking in the target market
  • The locations you’re working on
  • Your competitors

Competition is important, and you need to identify several of your biggest competitors. This will allow the designers to do some research and see what types of websites they offer.
This will allow them to think of something unique and creative for you but also let you know if there are some features or options that you may have forgotten.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ffffff” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/4″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line”][image_with_animation image_url=”6600″ alignment=”” animation=”Fade In” border_radius=”none” box_shadow=”none” max_width=”100%”][divider line_type=”No Line”][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”3/4″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Demand Specific Features in your Web Design Brief

[/vc_column_text][vc_column_text]If you have an idea of how you want your website to work and what to look like, share it in the project brief. Be specific about:

  • The sections to include
  • The features to offer
  • The options for the visitors

You can even include an amateur sketch of your Home page or any of the other pages on your website. It’s better to ask for what you want than to fear the designers will do it their way.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ededed” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Specify Project Timeline

[/vc_column_text][vc_column_text]It’s very important that you specify the project timeline and how you expect things to run. You can write a suggestion on how you’d want things to go.

For example, you can suggest:

  • The stages of the project (negotiations, planning, project draft, testing, etc.)
  • Deadline for each stage
  • The final deadline for project completion

Your designers will read this and give you a confirmation of whether they can do it or not. Leave some room for negotiating and settle for a date together. Make sure you keep it in writing since an oral agreement is easy to forget or break.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ffffff” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Define the Budget

[/vc_column_text][vc_column_text]It’s very important that you specify the project timeline and how you expect things to run. You can write a suggestion on how you’d want things to go.

If you’re limited with a certain budget for this project, like most people are, you’ll have to specify this in the project brief as well.

Defining the budget means defining the amount you’re ready to pay and leaving some room for negotiation.

Also, it would be a good idea to prioritize the things you want to do, in case your set budget doesn’t cover all of your requirements. So, you might settle for something more basic but include the features that are your absolute priority.
This will help your designer handle your project successfully, within the budget.

 [/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ededed” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”2/3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Write Professionally

[/vc_column_text][vc_column_text]Finally, your web design brief should be written professionally.

That means you need to:

  • Include information, data, and facts
  • Avoid poetic writing
  • Set a formal tone
  • Proofread before sending

In case you need some help with polishing your writing, check out an online writing service that can help. Just make sure you write like a professional to leave a great impression on your designers.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”90″][image_with_animation image_url=”6883″ alignment=”” animation=”Fade In” border_radius=”none” box_shadow=”none” max_width=”100%”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”40″][vc_column_text]

Final Words

[/vc_column_text][vc_column_text]A web design brief is a document that can save you the trouble of constant negotiations, phone calls, and emails. Instead, you define all your needs and expectations in the brief and let the designers do their work.
Use the tips we’ve shared above to write a killer web design brief and get exactly what you want once the project is finished.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/4″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line”][image_with_animation image_url=”7031″ alignment=”” animation=”Fade In” border_radius=”none” box_shadow=”none” max_width=”100%”][divider line_type=”No Line”][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”3/4″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”60″][vc_column_text]Author’s bio. Jessica Fender is a copywriter and blogger at GetGoodGrade with a background in marketing and sales. She enjoys sharing her experience with like-minded professionals who aim to provide customers with high-quality services.[/vc_column_text][divider line_type=”No Line” custom_height=”40″][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”Small Line” line_alignment=”default” line_thickness=”1″ divider_color=”default”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/4″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”100″][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/2″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”100″][nectar_cta btn_style=”see-through” heading_tag=”h2″ text_color=”#f96566″ link_type=”new_tab” alignment=”center” text=”Are You Ready to Implement a Chatbot?” link_text=”Let Us Give You a Hand!” url=”/contact”][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/4″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”No Line” custom_height=”140″][image_with_animation image_url=”6924″ alignment=”” animation=”Fade In” border_radius=”none” box_shadow=”none” max_width=”100%” margin_right=”180″][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” top_padding=”6%” bottom_padding=”6%” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][nectar_blog layout=”masonry-blog-fullwidth” blog_masonry_style=”material” category=”all” enable_pagination=”true” pagination_type=”default” load_in_animation=”fade_in_from_bottom” order=”DESC” orderby=”date” posts_per_page=”3″][/vc_column][/vc_row]

1 Comment

  • Nick Stamoulis

    Web design is about a lot more than making sure it looks nice. You need to make sure the design and content are in alignment with the business branding and goals.

Leave a comment:

Your email address will not be published. Required fields are marked *

Marketing tips without all the “fluff”.


    Partnering with brands we believe in from the mountain peaks to the city streets. 

    2021 Canadian SME Small Business of The Year
    2022 Canadian SME Small Business of The Year

    Want to work with us?

    Want to say hi?

    GENERAL INQUIRIES

    hello@carmellamarketing.com

    Find us on social media.

    SOCIAL MEDIA