{"id":139697,"date":"2022-01-29T11:00:00","date_gmt":"2022-01-29T17:00:00","guid":{"rendered":"https:\/\/getflywheel.com\/?p=17921"},"modified":"2023-04-13T16:26:38","modified_gmt":"2023-04-13T21:26:38","slug":"how-to-improve-communication-between-design-and-content-teams","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/","title":{"rendered":"How to Improve Communication Between Design and Content Teams"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p>If you want to hit the sweet spot when designing a website, you need two things: beautiful, effective design and well-written, persuasive content.<\/p>\n\n\n\n<p>Each is equally important. Well-written, clear, concise content loses its effectiveness in a bad design or layout, while a beautiful site has little use if its content is pure garbage.<\/p>\n\n\n\n<p>Yet, all too often they\u2019re treated as individual entities, with content usually ending up the loser, added as an afterthought once the site has been fully built out. While this still results in a functional website, there is often a disconnect between content and design, leaving users struggling with an unnecessarily complicated flow.<\/p>\n\n\n\n<p>However, when there is a solid content strategy in place and a lively interplay between content and design, this is where the magic happens and the results can be spectacular.<\/p>\n\n\n\n<p>The trick is maintaining excellent communication between web design teams and content creators throughout the entire process. Here are five tips to keep you on track.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/07\/improve-communication-team.jpg\" alt=\"a man and a woman word collaboratively over a laptop\" class=\"wp-image-18065\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">1. Learn Each Other\u2019s Language<\/h2>\n\n\n\n<p>I\u2019m not talking about literal language here, although of course you need to share knowledge of at least one language, even if it isn\u2019t your mother tongue, to be able to communicate effectively.<\/p>\n\n\n\n<p>But more important than that is having a basic understanding of each other\u2019s creative language.<\/p>\n\n\n\n<p>If a designer simply copies and pastes content into their finished design, mistakes could easily find their way onto a page (content creators are human, after all!). But if the designer has a working knowledge of the style guide used by the content creators\u2014such as the rules for capitalizing headings, whether the site should be in British or American English, how bullet points should be punctuated, and so on\u2014they can spot these errors before the site goes live.<\/p>\n\n\n\n<p>Likewise, if a writer understands the colors, icons, and imagery to be used on the site, this can help to create a consistency across it, and across all marketing and branding materials for the client.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/07\/improve-communication-design.jpg\" alt=\"overhead view of a desk with many items, including books, pencils, a laptop, and a phone\" class=\"wp-image-18066\"\/><\/figure>\n\n\n\n<p>The more each side understands how their colleagues work and why they do things in a particular way, the less time will be spent correcting errors before the site can go live, or, worse, publishing a site with errors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Build a Solid Foundation<\/h2>\n\n\n\n<p>Start by involving both content and design teams in the initial preparatory work. Encouraging both teams to work together, and share and collaborate on ideas from the outset, will ensure that both are on the same page when the work gets underway.<\/p>\n\n\n\n<p>You need to clarify several things at the start of the project, including who your audience is, an approximate word count for the project, the main message you want to convey, and your calls to actions.<\/p>\n\n\n\n<p>Achieving clarity on these issues will help the writer to produce the right message, and will help the designer choose the best layout, color scheme, and imagery for the site.<\/p>\n\n\n\n<p>What\u2019s more, if a designer doesn\u2019t know the why of a project, they could spend too long making something look beautiful when it\u2019s not necessary, or spend too little time on something that\u2019s very important. By involving both sides from the outset, they will understand the main goals for the site\u2014such as feature promotion, sales leads, etc.\u2014which will help determine how much time to dedicate to the project and which elements are the most important.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/07\/improve-communication-foundation.jpg\" alt=\"the outside of a white home with a black trimmed window and three mounted plants\" class=\"wp-image-18067\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Practice Content-First Design<\/h2>\n\n\n\n<p>Frequently, designers fall back on the age-old method of adding \u2018lorem ipsum\u2019 to a site while in the initial design stages, simply because it\u2019s convenient. Then they swap it out for the real thing before the site goes live.<\/p>\n\n\n\n<p>But this isn&#8217;t the best way to work; you should always start by producing the content and working from that, even if it\u2019s just a first draft. When you start with words, it helps to frame the project for the designer so they produce designs that are more relevant and more reflective of the product\u2019s purpose.<\/p>\n\n\n\n<p>Content is key to the final product. It forms the backbone of the website and should be developed alongside the visual design to ensure the site is as successful and effective as possible.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/07\/improve-communication-content.jpg\" alt=\"a hand writes in a notebook\" class=\"wp-image-18068\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4. Write Designer-Friendly Content<\/h2>\n\n\n\n<p>One for the content creators\u2014when you\u2019re producing copy for a site, write with the designer in mind. Your copy should be concise and fairly simple. Avoid long, blocky paragraphs\u2014remember having lots of white space makes it easy to highlight the important points and ensure the main message gets across clearly.<\/p>\n\n\n\n<p>Bulleted lists are a great way to organize material and break up text-heavy content. This will allow the user to find the information they seek, and designers will thank you because they can easily make this look beautiful on a page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5. Maintain Open Channels of Communication<\/h2>\n\n\n\n<p>It\u2019s not enough to set up the project together then disappear into your individual bubbles to work on your contribution separately. Content and design teams should maintain a constant flow of communication throughout the process.<\/p>\n\n\n\n<p>If you work in the same office, arrange for regular meetings to discuss your progress, and look at areas that require clarification. Designers can work with content templates based on approximate word counts while the copy is being finalized, and these can be displayed with the design on a screen where both teams can discuss the design and comment on the content.<\/p>\n\n\n\n<p>Having this kind of regular check-in and giving both teams the opportunity to comment on each other\u2019s work will make the finished product much stronger. And don\u2019t worry if your team isn\u2019t all based in the same office, or even the same country\u2014there are plenty of tools available for you to hold face-to-face meetings, share your progress, and manage and track the project.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>These are our top five tips for improving communication between web design and content creation teams. Remember this advice when you&#8217;re creating internal processes to ensure your design and content teams communicate effectively during a project!<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you want to hit the sweet spot when designing a website, you need two things: beautiful, effective design and well-written, persuasive content. Each is equally important. Well-written, clear, concise content loses its effectiveness in a bad design or layout, while a beautiful site has little use if its content is pure garbage. Yet, all<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","resource-topic":[1396,912],"resource-role":[1397,903,899],"resource-type":[916],"class_list":["post-139697","resource","type-resource","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Improve Communication Between Design and Content Teams<\/title>\n<meta name=\"description\" content=\"When designing a site, you need two things: effective design and persuasive content. These five tips will help your teams meet those goals.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Improve Communication Between Design and Content Teams\" \/>\n<meta property=\"og:description\" content=\"When designing a site, you need two things: effective design and persuasive content. These five tips will help your teams meet those goals.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-13T21:26:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/07\/improve-communication-team.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/\",\"name\":\"How to Improve Communication Between Design and Content Teams\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-01-29T17:00:00+00:00\",\"dateModified\":\"2023-04-13T21:26:38+00:00\",\"description\":\"When designing a site, you need two things: effective design and persuasive content. These five tips will help your teams meet those goals.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Improve Communication Between Design and Content Teams\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Improve Communication Between Design and Content Teams","description":"When designing a site, you need two things: effective design and persuasive content. These five tips will help your teams meet those goals.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Improve Communication Between Design and Content Teams","og_description":"When designing a site, you need two things: effective design and persuasive content. These five tips will help your teams meet those goals.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2023-04-13T21:26:38+00:00","og_image":[{"url":"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/07\/improve-communication-team.jpg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/","name":"How to Improve Communication Between Design and Content Teams","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-01-29T17:00:00+00:00","dateModified":"2023-04-13T21:26:38+00:00","description":"When designing a site, you need two things: effective design and persuasive content. These five tips will help your teams meet those goals.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-improve-communication-between-design-and-content-teams\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Improve Communication Between Design and Content Teams"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/themes\/wpengine-breakthrough\/images\/fallback\/default-grid-resource.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Designer, Marketer, Site Owner","topic":"<strong>Topics:<\/strong> Design, Performance","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139697"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139697"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139697"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}