Which Came First: Content or Design?

The argument for and how to execute a content-first design strategy.

Which Came First: Content or Design?

Chloe Spilotro 04.10.2019

Often times when designing new landing pages, entire websites, or even entire experiences, the design comes first. It is important to us to create a beautiful experience that grasps our user’s attention. However, design-first experiences can leave users confused, if not dismayed. The cure for this is putting your content first, and designing second.

What is content-first design?

Content-first design is when you think through the experience you’re wanting to create, create the content that will provide a user a good experience, and then designing around that content.

It also means considering different mediums for expressing different messages through your content. A video may explain a topic better than a paragraph, or an infographic may be more powerful than a bullet list. Of course, it’s important to create variations and test different mediums so that your designs are not just content-driven, but also data-driven.

Content First Design in Action

Let’s discuss a concrete use case. If you’re a skincare company, before and after photos are likely more impactful for your audience than simply writing about the transformation. And - if that’s the case - consider how impactful a video showcasing several different types of skins benefit from your skincare. That’s much more powerful than a paragraph.

So, once you consider different mediums for telling your story, then organize them by most effective. These examples below could be even more specific in terms of having the content filled out with no design elements, but we’re keeping these brief for education’s sake.

  1. Minimal distractions

    Since we decided a video could be a good way to communicate with our customers, we then designed around the video. Make sure to minimize distractions in your design: here, we can either watch the video, or click the call to action.

  2. Directing users

    Let’s say that before and after photos were a better way to showcase our product. In this instance, we decided to focus on a few different problems that we solve, with visuals that clearly direct the user to the experience relevant to them.

Once the content is outlined, it’s much easier to design around it. It’s even easier to fill in the gaps, because the content is already created, or at least outlined.

Content First Marketing

Content first marketing is the principle that content comes first. Education is what drives users down the marketing funnel from interest to a conversion, and content is the vehicle that drives those conversions. Implementing a content-first design is key in a content first marketing strategy.

To learn more about implementing content-first design, check out this Medium article written by Google Designer Joscelin.

Experience a Headless Content Management System, Join Zesty.io.


Start a Sandbox Now

More from Mindshare: Content Marketing

Placeholder image

Top Tips for Optimizing SEO in 2019

Calling all content strategists: get ahead of the curve in 2019 with these tips for optimizing your content to rank

Read Article
Placeholder image

How to Fix Social Media Article Shares

Whether you're trying to share an article on Facebook, Twitter, or another network, sometimes the image doesn't render correctly. What

Read Article
Placeholder image

The GDPR Compliant Website Starter Checklist

Yes, It's Important - Start the Compliance Audit with your CMS and Website

Read Article
Placeholder image

Congratulations to the Winners of the Keeping Your Future Zesty Scholarship!

After reading over 70 entries, two exceptional students with incredible stories stood out. We're excited to announce this semester's recipients!

Read Article
Chloe Spilotro photo

Chloe Spilotro

Marketing Manager, Zesty.io

Marketing Manager at Zesty.io. Hooked onto the platform since first using it through the Zesty.io Incubator Program at the University of San Diego. Passionate about all things marketing, IoT, and helping businesses leverage technology to grow and become major players in their industries.... Learn More

Exploring content solutions? Looking to replatform?

Speak with an Expert


Chat with Us

To speak with someone in sales and marketing, use the chat popup on this page. To speak with a developer, join https://chat.zesty.io