web design Tutorials

My collection of miscellaneous web design tutorials with tips, tricks and other useful resources to help you in your web design journey.
7 Tips for a High Converting Website Homepage

7 Tips for a High Converting Website Homepage

Over a span of a decade in building sites for clients and having now overseen 1,200+ web design students all over the world, I've learned a lot about website conversions. Particularly when it comes to having a high converting homepage, which is often the most...

Google Analytics Beginners Tutorial

Google Analytics Beginners Tutorial

In this tutorial, I'll give you a quick overview and beginners tutorial of Google Analytics! At first glance, understanding your site traffic on Google Analytics can be a little overwhelming and confusing and I remember the first time I logged in, having NO idea what...

How to do Keyword Research (for FREE) using Google

How to do Keyword Research (for FREE) using Google

There are a lot of great keyword research tools out there but wouldn't it be nice to be able to do some basic research for free? Good news! You can do so using good old trusty Google. In this tutorial, I'll show you how! There are many other tactics, strategies and...

Loom Beginners Video Tutorial

Loom Beginners Video Tutorial

In this Loom Beginners Tutorial video, I'll walk you through how to use Loom - my preferred app for creating short, powerful videos. We'll look at the ways you can download the app, how to record videos and how to send them in creative ways to customers, clients and...

Free Website Design Device Mockups (PSD Template Download)

Free Website Design Device Mockups (PSD Template Download)

By popular request and demand, I'm dishing out my Website Design Device Mockup Templates as FREE DOWNLOADS for you! Here are 2 website device mockup templates. One is a 2 Device Mockup and one is a 4 Device Mockup template. Each are Photoshop (PSD) files. If you don't...

How to Circle (or Highlight) Items with Preview on Mac

How to Circle (or Highlight) Items with Preview on Mac

In this quick but very handy tutorial, I'll show you a trick that isn't directly related to Divi, Wordpress or even web design but has saved me soooo much time (and sanity) in my web design business which is How to Circle or Highlight Items in Preview on Mac. If you...

How to Create a Google Review Link

How to Create a Google Review Link

In this tutorial, I show you How to Create a Google Review Link. We're going to do this in 2 methods by creating a link that opens up all reviews for customers to see and a direct Google Review link that a website user can click to quickly leave a Review. It's a very...

Optimizing Images for Web with Adobe Bridge

Optimizing Images for Web with Adobe Bridge

In response to a recent tutorial request, here is a quick tutorial on Optimizing Images for Web with Adobe Bridge. While there are numerous tools out there to help you make your images web ready, Bridge is my preferred app because of the power you have to easily...