The typical web design workflow

Caroline Hagan
8 min readApr 9, 2021

Every designer and agency has a workflow that they like to use for their own projects.

Workflows are incredibly personal things, and what works for one person might not necessarily work for another.

So, in this article, we’re going to give you an example of a web design workflow.

You may love it, and some of you may hate it, the point is, it gives you a workflow to start from that you can then take and modify it to fit your own personal projects or preferences.

Most workflows can be broken down into four individual segments.

  • Planning,
  • design,
  • development, and
  • publishing.

Often throughout a project, these segments will blur or shift, so be sure to make any workflow that you use flexible enough to handle the disruptions that every single project is going to go through.

Let’s take a look at these stages one at a time.


Create a project brief

So, the very first thing we do for any project we’re working on, is to create a project brief.

This brief covers the basics of the project, what the scope of the project is going to be, and what deliverables will be expected at the end of the project.

Doing this at the very beginning makes sure that our expectations match the expectations of the client. That’s really important.

Although this sounds like common sense, you’d be amazed at how often clients and designers have very different expectations.

Content survey

Next, we may do a content survey for the site. Now, a content survey is a comprehensive listing of all of the content that will be involved in the site or project.

Now, it doesn’t mean that all the content has to be written. It just means that we’ve identified all the different content types and we know how much content we’re going to be working with.



Caroline Hagan

Certified Google/meta. Web Developer. Cross-stitcher. Cat owner. Classic cars. Website: