My Web Design Process: Ep. 3 - Content, Sketches & Wireframes

Web Design

Are you planning to launch a new website? Find out all about the web design process for this freelance web designer in the third instalment of my five-part video series.

Ok, so you've done some research, gotten to know your web designer and decided to work with them. And you've already gone through the website discovery & strategy phase to better understand the problem you're trying to solve with a new website. You might be wondering, "What next?"

One of the biggest benefits of sketching is that it facilitates ideation and iteration and that it can be done quickly, without the constraint of having to make everything pixel perfect.

Now it's time to craft your content, ideate the website's layout and nail down the structure with wireframes. Let's take a look at what's involved in the content development and wireframe phase of a website project.


Web Design Process - Content Development

All good websites rely on content. If the information architecture and sitemap we created in the previous phase of the web design process is the skeleton of the website, the content is the flesh attached to the bones.

At this point, we'll need to develop the website copy and source or commission any additional material needed for the website like photography, videography, illustrations, 3D graphics, animations, etc.


Web Design Process - Sketches

Once the content has been developed, the website layout can then be worked on. At this point, as your freelance web designer, I will sketch out the structure of the website, including any copy and additional assets available in these sketches to make sure that the layout makes sense from a user experience design point of view.

Sketching is a fantastic technique for this stage of website design. One of the biggest benefits of sketching is that it facilitates ideation and iteration and that it can be done quickly, without the constraint of having to make everything pixel perfect.


Web Design Process - Wireframes

Once the client and I are satisfied with the web design sketches, we'll move on to the wireframe phase which involves creating a mid-fidelity prototype of the website to convey the structure and content, before the branding and visual user interface are applied in the subsequent web design process phase - the design phase.

Check out the full video below to discover the process and find out how you can enter the website audit competition I'm running. If you enjoy the content, give it a like and subscribe to my channel on YouTube.


Photo credit:

Got An Exciting Web Design or Branding Project?

Get In Touch