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.

More from Mindshare: Content Marketing

Placeholder image

Content Marketing Strategy – How to Develop Content that Works

Your brand could be churning out content, but unless you’re backing it with a well defined strategy, your efforts may

Read Article
Placeholder image

What is a Landing Page? (All Questions Answered)

Making it easy for consumers to visit your landing pages is both a science and an art form: they should

Read Article
Placeholder image

Which Came First: Content or Design?

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

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
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


Call Us

Between 9-5pm PST we are available directly at +01 (844) GO ZESTY (469-3789)


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