Uploaded July 2026 | Updated September 2026, 6 hours ago
Your website has 3 seconds to make an impression, here’s how to design one that actually works.
In this step-by-step web design tutorial, I show you how to design a website from scratch — from planning layout and visual hierarchy, to choosing the right colors and fonts, and designing with UX in mind so users instantly know where to go and what to click. Plus the small details that make a big difference, spacing, consistency, and strong calls to action.
00:00 – Intro
00:29 – What Makes a Good Website Design?
01:05 – How to Design a Website Layout
02:15 – How to Choose a Color Scheme
03:19 – Website Typography
04:25 – Designing for UX
05:30 – Web Design Finishing Touches
06:33 – Outro
Wix: wix.com
📩 Business:
griffin@griffinwooldridge.com
🌐 Connect with me!
x.com/GriffinWDesigns
instagram.com/griffinwooldridge1
tiktok.com/@griffin.wooldridge1
facebook.com/griffinwooldridge1
linkedin.com/in/griffinwooldridge
griffinwooldridge.com
🔥 My top tools (some are affiliate links – thank you!):
Base44 – base44.pxf.io/c/6539388/2477538/25619?sharedid=griffin&trafcat=hp
Mobbin – mobbin.com/griffin
Anything – anything.link/griffin-wooldridge
Framer – framer.link/griffin-wooldridge
Granola – go.granola.ai/griffin-wooldridge
#aidesign #webdesign #aitools #vibecoding
Your website has 3 seconds to make an impression, here’s how to design one that actually works.
In this step-by-step web design tutorial, I show you how to design a website from scratch — from planning layout and visual hierarchy, to choosing the right colors and fonts, and designing with UX in mind so users instantly know where to go and what to click. Plus the small details that make a big difference, spacing, consistency, and strong calls to action.
00:00 – Intro
00:29 – What Makes a Good Website Design?
01:05 – How to Design a Website Layout
02:15 – How to Choose a Color Scheme
03:19 – Website Typography
04:25 – Designing for UX
05:30 – Web Design Finishing Touches
06:33 – Outro
Wix: wix.com
📩 Business:
griffin@griffinwooldridge.com
🌐 Connect with me!
x.com/GriffinWDesigns
instagram.com/griffinwooldridge1
tiktok.com/@griffin.wooldridge1
facebook.com/griffinwooldridge1
linkedin.com/in/griffinwooldridge
griffinwooldridge.com
🔥 My top tools (some are affiliate links – thank you!):
Base44 – base44.pxf.io/c/6539388/2477538/25619?sharedid=griffin&trafcat=hp
Mobbin – mobbin.com/griffin
Anything – anything.link/griffin-wooldridge
Framer – framer.link/griffin-wooldridge
Granola – go.granola.ai/griffin-wooldridge
#aidesign #webdesign #aitools #vibecoding
