Posted on 5/29/2019 in Web Development

By Jeannine Szymczak

Over the years, I have managed hundreds of digital marketing and web design projects, and gathering the content for a new site is arguably the most painful part of working on a website redesign. It’s also probably the most common reason for a launch to be delayed. This is due to the fact that content has become an afterthought in the website redesign process. It’s common practice to design what your website will look like and then shoehorn subject matter to fit the designs. And while a common practice, it’s a pretty backwards way of thinking about things. The reason website visitors are coming to your site in the first place is for the content so, you shouldn’t discount its importance.

Enter: The Content-First Approach

This approach to a website project makes content the primary driving force in the process instead of design. The general flow for building a website in this manner is:

  1. Define the audience and their goals
  2. Define a model and specification for the content required to serve the audience and their goals
  3. Write the subject matter
  4. Define the Information Architecture and create low fidelity wireframes or priority guides that show this content structure in a web context
  5. Create visual designs that add branding, imagery, colors and refined layout to the wireframes
  6. Build the website to display the content in the CMS
  7. Quality assurance
  8. Go live

Where this process varies the most from the traditional method is moving up the priority of the content and modeling it before it is written.

Content First

[sub]Traditional vs. content-first approach[/sub]

This allows you to provide a better overall user experience because it puts much more emphasis on subject matter that will best serve the needs of your target audience. By having all of the content ready up front, you are able to display it in the best light. It is far more effective to use design to emphasize an important piece of copy instead of feeling forced to write something to go into a feature box that has been predetermined on a page.

The structure of the content is also important. By defining a meaningful and consistent structure, you can identify opportunities for reuse. This will simplify development as well as editing and management efforts in the future.

Benefits of Content-First Design

Designers drawing website ux app development.

Save Time (and Budget): Having content before you design page layouts means there is no need to rework templates when you realize that it doesn’t fit the designs – or realizing too late that you need to add budget to design and build additional templates to accommodate the oversight. Depending on your CMS platform, you may also be able to enter it much earlier in the process, saving time during the Development/QA phase later on

Design a Better Information Architecture: Use your content to build logical user flows and organize it in a logical way that helps your visitors easily find what they are looking for.

Provide a Better, More Consistent User Experience: Having all of the content up front allows you to review and organize it in a way that users can easily move through. You can identify consistent ways of presenting information so that a visitor quickly learns how to get what they need out of your site. This allows you to minimize redundancy and eliminate irrelevant information. It also helps to strengthen your brand from a visual perspective.

Enjoy a More Creative Design: A web designer can feel handcuffed to rigid templates and wireframes when they don’t know what the content is going to be. They need to keep things boxed in and provide locations for it to go. When we flip this process around, they already know what content will need to be displayed, allowing them to present it in a more effective and creative manner.

Eliminate Surprises: Having content ahead of time removes many potential obstacles that could delay your launch, such as not having it ready to populate into the site, or realizing it doesn’t fit your designs once you enter it.

While it can be difficult to convince a team to provide the content ahead of time during a redesign project, the time and budget savings on a website design alone really makes it worth putting in the effort up front. If you are thinking about redesigning your business’ website and want to learn more about this new approach, let us know. We are here to help you demystify the process.

Need help getting started?

Wakefly can help you plan a website redesign with a content first approach.

Optimize Your Website

website optimization image

Related Blogs

An Introduction to ASP.NET and 3 Reasons to Use It

An Introduction to ASP.NET and 3 Reasons to Use It

In the world of website software and application development, there are many frameworks and languages that developers can choose from. Each framework [...]

The Anatomy of a Successful Bank Website Design

The Anatomy of a Successful Bank Website Design

When you think about anatomy, you might picture parts of a body that are all interconnected to form a whole person. A website can also be broken down [...]

Website Development Process – The Timeline

Website Development Process – The Timeline

So what is a “Website Development Process”? The quick definition is: the planning and process you go through to develop a website, from inception to [...]