Great content can be made even better with great design, but the path to the perfect visual content is often times rough. In this week’s #ContentChat we were joined by Jeff Baker (@Baker_Rithms), director of marketing for Brafton, to discuss the intersection of design and content, and ways your team can ensure a harmonious relationship between the two.
Q1: Which comes first, the design concept or the content draft?
A baked design with filler text can easily lead you into trouble, but general guiding principles or themes are encouraged.
A1: I think it depends on what you mean by “concept”, meaning, if you create a mockup with filler text, not really knowing how long the content will be or what will be in it, you’re asking for trouble. Lots of it. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A1: However, if we are talking about design “look and feel” concepts, the general layout, colors you will use, fonts, menus, footers, etc., then that’s fine. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A1: It’s just when you have constrained your content to a to a container (your design) that you are going to run into a Frankenstein-looking page. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
a1 Wow – that’s a loaded starting question! Depends – if you’re working with a theme – you’re writing within the boundaries of the design. If you’re creating from scratch – content first, IMO. #contentchat
— Debi Norton (@BRAVOMedia1) November 5, 2018
Your team needs to first assess what will work best for your audience, using hard evidence or industry research where possible to guide you.
A1: It depends on the business and the audience. Design can totally inform the content you have and vice versa. If your audiences are visual, they’ll probably want a more interactive design, and if they are text oriented, they might want a more minimal design. (1/2) #ContentChat
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
A1: It really comes down to usability test, surveying your audience, and thorough industry research to understand what could come first. It really can go either way. (2/2) #ContentChat
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
Content is the safe place to start, because you should not sacrifice the quality of your content to fit design constraints.
A1: The content or narrative is typically the foundation for the design team. based on the story you want to tell, design can really bring it to life in amazing ways. But you need the words to be the foundation #contentchat
— Mike Goldberg (@HeavyMetalMG) November 5, 2018
A1. It varies based on the situation.
On the conversation I was having just on Saturday, I feel it tends to favor content. Understand what do you want to convey. From there, the design the experience to meet the needs. #ContentChat— J. (yes just the letter) Nolfo-Content Manager 🦏 (@jnolfo) November 5, 2018
A1b: When I’m working as a consultant, I’m often working with a freelance designer after the content is written and approved. #ContentChat
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
You can remove any guesswork by bringing your design and content teams in for a meeting to discuss the project, the goal, and initial ideas. This way your design and content can evolve with each other in mind, as opposed to being created in silos.
A1a: When I am in-house, I like to start any design-centric project with a joint meeting with the content team and the designer(s). I find we come up with much more engaging, thoughtful content that way. #ContentChat https://t.co/j5zUHqQ2nk
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
A1: I always start off with what I’m looking to achieve and the goals – as a former designer, I always let the design content help form the content draft and many times they went hand in hand where I knew what the content would be and how the design would fit #ContentChat
— Bernie Fussenegger 🐝✌️the7️⃣ (@B2the7) November 5, 2018
When you really get into trouble is when one person doesn’t communicate with the other, and they are forced into the box you shove them in. Kind of kills creativity, you know? #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
In-house collaboration, where everyone is on the same page is such a beautiful thing to see 😍😍 #contentchat
— Brafton (@Brafton) November 5, 2018
And we all hate that awkward moment when your content team and design team are waiting for the other to make the first move.
A1. I hate those awkward moments when…
the designer wants the copy before beginning, and
the writer wants to know how much space they have to work with before starting. #ContentChat
— Tod Cordill (@todcordill) November 5, 2018
Q2: What are some of the pitfalls that can happen when content is drafted without the participation of a designer?
Without additional context from your content team, the designer may not realize the main points of the copy or what narrative should pull through.
A2: It’s not as bad a when a designer has to design without content, but it’s not ideal. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A2: First, the designer probably won’t know what should be emphasized – which concepts to design around. For example, there may be critical statistics that should be called out, or natural breaks in the content that are missed. #contentchat
— Jeff Baker (@baker_rithms) November 5, 2018
A2: When content is written in a silo, you can end up with too much copy to artfully fit on a printed page, more words than should be on a slide, and content that’s difficult to skim. #ContentChat
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
Collaboration is important to not only determine what is/is not feasible from a design standpoint, but to also brainstorm ways to make the design and content better together.
A2: Lastly, you miss all kinds of collaboration. If you talk about content with your designer and other creatives, you may inspire creative ideas for layout and design that wouldn’t otherwise come up. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A2: You need to be aware of what design capabilities you have to work with, as well as limitations. Content may have one idea in mind that is not possible or feasible. Get on the same page before it goes to layout #ContentChat
— Mike Goldberg (@HeavyMetalMG) November 5, 2018
Late in joining but no less excited! A2: Content focuses too much on what can be instead of what should be. Creative teams have to be part of the vision up front not just for cohesive look/feel but to help focus work too. #ContentChat
— Aimee Rodriguez (@aimeeguez) November 5, 2018
A2 Content + Design is like the left hand and right hand working together. We both need to know headline character lengths, word count, and other interactive elements to see projects through the same set of eyes. #ContentChat
— Bill Skowronski (@BillSkowronski) November 5, 2018
Imagine taking the time to resource and write a piece of content…only to have it look overly wordy, bland, and unreadable. All that effort to have no real value? A nightmare! Collaboration is definitely key. #contentchat
— Brafton (@Brafton) November 5, 2018
The disconnect doesn’t only create frustration for your team, it can cause a subpar experience for your audience.
A2: Miscommunication, or lack there of, is the biggest killer of any digital project. If the two aren’t talking, or are siloed from each other, you create serious inconsistency in the end user’s mind, which leads to them leaving your site and not taking action. (1/2) #ContentChat
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
A2: Good to have some collaboration between the two before either begins so that they are on the same page and don’t go down a path that doesn’t make sense for the customer #ContentChat
— Bernie Fussenegger 🐝✌️the7️⃣ (@B2the7) November 5, 2018
Q3: Let’s turn the scenario on its head. What are some of the challenges when a great design comes first, and then the content writer is left trying to write copy to fit (a scenario that happens frequently with websites)?
The biggest pitfall of prioritizing design over content is that the content can lose its value by either being too long or too short, just to fit within the design.
A3: It stifles their creative abilities, which is what they specialize in. You wouldn’t tell Mozart to create a symphony in a basement, would you? #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A3: Practically, it will force the writer to adhere to a rigid set of guidelines, potentially impacting the quality of their writing. Do not recommend. 1/10. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A3. Usually not enough space to write what needs to be conveyed. #ContentChat
— J. (yes just the letter) Nolfo-Content Manager 🦏 (@jnolfo) November 5, 2018
A3: Then you’re filling space on a template just bc there’s space to be filled. With neither taking the customers’ needs into account. #ContentChat
— Aimee Rodriguez (@aimeeguez) November 5, 2018
A3: Still a pretty bad situation. Whether design comes first or copy comes first, absent of the other, you’re putting your counterpart in a small box. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A3: What makes for a pretty webpage (or website) may leave out critical features that are essential to your content marketing success. Similarly, a beautiful case study template may not be flexible enough to tell each customer’s unique story. #ContentChat
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
It can pose a thrilling challenge, though, as long as your audience’s needs are at the forefront of the conversation.
A3: Thinking of a new or creative way to fit that content into the design. It can lead to new, exciting ways of presenting content, but the end question is always the same: How will the user’s respond? Test your designs, no matter how brilliant. That’s what matters. #ContentChat
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
Q3: Maybe it’s just me and my “content holier than thou” attitude, but I feel like a good writer can make anything work, so if design comes first, the content can always adapt to fit those particular needs #contentchat
— Mike Goldberg (@HeavyMetalMG) November 5, 2018
Q4: In a perfect world, what is the right way to get content writers and their designers on the same page, and on the road to a successful collaboration?
Your audience’s needs must come first, and you should leverage existing data to determine what will resonate best with them. At the core, this means that the content is most important.
A4: Research and data. This is done by conducting data deep dives, leveraging heatmaps, surveys, user testing, and more. It’s the most unbiased, fact based road to collaboration. Remember: the user is the most important facet of your project; use user data. #ContentChat
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
A4: Ideally, it will start with the writer creating their copy. When the copy is drafted, he/she should meet with the designer to review the copy. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A4: This will give the writer an opportunity to explain the flow they intended, and underscore the areas that need emphasis. This also allows the designer to ask questions. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
But designers always need the ability to weigh in on a project’s direction. This not only allows them to raise any concerns or limitations, but they can also brainstorm ways to make the content even better.
A4: It also allows the designer to present ideas for how to best display the content in a way that will be aesthetically pleasing and digestible for consumers. #contentchat
— Jeff Baker (@baker_rithms) November 5, 2018
Q4 No dictators! Make sure the design team feels part of the creative process and be open to suggestions you may have not thought of before. It’s your words, but it’s everyone’s vision #contentchat
— Mike Goldberg (@HeavyMetalMG) November 5, 2018
Again, this means that a kick-off meeting is the best place to start, and you should come prepared with a creative brief.
A4: I always push for a kick-off meeting to discuss the goals & what we want to accomplish, the target audience is etc. It allows for ideas to be discussed & gets everyone on the same page.I also like for the designers and writers to also meet to go into more detail #ContentChat
— Bernie Fussenegger 🐝✌️the7️⃣ (@B2the7) November 5, 2018
A4. Oh shoot, I already used Creative Brief as my answer for Q1…
The creative brief can get #content writers and designers on the same page and serve as the foundation for collaboration. #ContentChat
— Tod Cordill (@todcordill) November 5, 2018
What’s interesting to me is how many marketers seem to hate drafting creative briefs for their freelancers, even though it 100% improves the likelihood of getting content that meets their needs. #ContentChat
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
The creative brief is great IF the creative team actually reads it and follows some the ideas and direction #ContentChat
— Bernie Fussenegger 🐝✌️the7️⃣ (@B2the7) November 5, 2018
Or, you could just try out these incredibly helpful tips.
If I could transpose my idea telepathically so the designer would just get it – instantly! That would be perfect & I’m being silly – on purpose! lol #contentchat
— Debi Norton (@BRAVOMedia1) November 5, 2018
“That blue doesn’t feel affluent enough.” #ContentChat
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
And unfortunately, we are TERRIBLE at communicating our ideas to designers in a coherent way. “Make it pop!” #contentchat
— Jeff Baker (@baker_rithms) November 5, 2018
Regardless of your approach, be sure to give ongoing feedback to your team regarding the results of any projects, and build a relationship with your team to develop a greater trust and partnership for future projects.
A4 To whatever extent possible, try to build an offline relationship with your counterpart. It’s healthy for the work, the organization, and the client. #ContentChat
— Bill Skowronski (@BillSkowronski) November 5, 2018
A4: Share the results. Content marketers should share metrics, specifically how what creatives did contributed to the project’s—and the campaign’s, and the company’s—success. 5/5 #ContentChat
— Aimee Rodriguez (@aimeeguez) November 5, 2018
Q5: Many content creators struggle with visual thinking. What are some ways they can develop their visual skills to improve their collaborations with designers?
There are plenty of resources online to help. Research best-in-class examples of web designs and read up on what makes them so great.
A5: So what I would recommend is for writers do do their own research on design. Start simple. Look up articles on the best web designs of the year. There are plenty of them. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
Bookmark, screenshot or save designs that appeal to you so you can reference them when describing future projects.
A5: Take note of designs you like. Take note of the designs of competitors and industry websites. Know your brand guidelines in and out, and stay on top of digital and design trends. Also – take a look at award winning websites. This will help strengthen your eye. #ContentChat.
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
A5 Create your own visual content swipe file. I use @evernote and @Pinterest to save content I love, and tag it so when I need some inspiration for something, I’ve got a broad well to draw from. #ContentChat
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
A5a: Love this question! I think an easy way of familiarizing yourself more with visual design, is to build a collection of sites, images, etc. that you like. #Contentchat
— Brafton (@Brafton) November 5, 2018
A5b: Scroll on your phone when you have a few extra moments, screen shot standout websites, layouts, images that you like and use them as examples or reference points in the future! #contentchat
— Brafton (@Brafton) November 5, 2018
A5: This is where the content brief is very helpful – need to include visual examples that the content creator can reference. They also need to be able to go out and research their topics so they can really collaborate with the designers #ContentChat
— Bernie Fussenegger 🐝✌️the7️⃣ (@B2the7) November 5, 2018
Consider shadowing any designers to learn more about their craft.
A5: (2/2) Also, sit down with your design team or friends that do design. Pick their brains about their process and how they approach projects. This is also a great way to build your design eye muscle. #ContentChat.
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
When all else fails, doodle away.
A5: I think sketching what’s in your head certainly helps the design team understand what you’re envisioning ans helps you get better at linking visuals to your words. You don’t need to be a great artist, just a decent doodler! #contentchat
— Mike Goldberg (@HeavyMetalMG) November 5, 2018
Q6: When should design come first in content creation?
Design should come first if there’s a desired look and feel, or a framework that the content will need to fit into.
A6: I think if you are looking to create a look and feel, that should come first. This can exist absent of written content. #ContentChat
— Jeff Baker (@baker_rithms) November 5, 2018
A6: It’s frustrating to write website copy without at least a framework in place. I don’t want to have to go back and rewrite everything because the final design only allows for 2 sentences per paragraph and 14 character titles! 😉 #ContentChat https://t.co/O6fkvC58Fs
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
A6: When the design is already following the brand look and really has already been determined within other channels for consistency and that it has proven to be effective or that is works – makes adjustments to help engagement #ContentChat
— Bernie Fussenegger 🐝✌️the7️⃣ (@B2the7) November 5, 2018
Patrick still stands firm on his position of using user data. We think he’s onto something.
A6: I keep going back to this, but when the data tells you that the design has to be a certain way to house content that better attracts, informs, and engages your content – when the foundation of design allows your content to reach audiences more effectively. #ContentChat
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
Q7: What are some favorite examples of content where there was clearly great collaboration between design and the content creator?
A7: Wendy’s is a great example where the two are working together. #ContentChat
— Bernie Fussenegger 🐝✌️the7️⃣ (@B2the7) November 5, 2018
A7 We did so many beautiful @SlideShare presentations at @Achievers but this is the one that really stands out as the perfect collaboration between content + design. https://t.co/bUSwnz3ecZ #ContentChat
— Erika Heald | Content Strategy (@SFerika) November 5, 2018
A7: @Harvard‘s campus tour (https://t.co/AR5tbKcs07) and @Wired‘s Silk Road (https://t.co/dwGCgxepeU) articles are great design / content collabs #ContentChat
— Patrick Delehanty (@MDigitalPatrick) November 5, 2018
A7, I wanted to show how different types of analytics would be used by, say by a girl scout selling cookies. Told the designer this and gave him copy, and only copy. This is what he came back with #contentchat pic.twitter.com/GdGHEZQzs4
— Mike Goldberg (@HeavyMetalMG) November 5, 2018
A7: Our designer Courtney Meyer put together a really cool ebook in the theme of 90’s hip-hop: A7: This one was pretty cool too: https://t.co/E0HUC0rvL5 #contentchat
— Jeff Baker (@baker_rithms) November 5, 2018
A7:I wrote a piece on the future of content marketing, and absolutely loved the vision our graphic designer Courtney brought to it. Check it out. https://t.co/JCsTMs9iHs #contentchat
— Jeff Baker (@baker_rithms) November 5, 2018
@SFerika Hey, how timely! I just saw that we published this piece today: https://t.co/IUOZ0NELX0
— Jeff Baker (@baker_rithms) November 6, 2018
Leave a Reply