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.

Planning

Create a project brief

--

--

Caroline Hagan

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