🎯 Join my community: https://www.skool.com/the-margin
Hire us to build your website: https://bycrawford.com/hire-us
Premium Website Checklist: https://bycrawford.com/premium-website-checklist
Timestamps:
0:00 80% of Professional Web Design Comes Down to These Concepts
0:25 Concept 1: UX vs UI
1:04 Concept 2: Wireframe
1:28 Concept 3: Mockup
1:43 Concept 4: Prototype
2:12 Concept 5: Above the Fold
2:44 Concept 6: The Hero Section
3:28 Concept 7: Call to Action
3:59 Concept 8: Visual Hierarchy
4:21 Concept 9: White Space
5:00 Concept 10: Typography Hierarchy
5:47 Concept 11: Responsive Design
6:12 Concept 12: Mobile First Design
6:40 Concept 13: The Grid System
7:07 Concept 14: Bounce Rate
7:53 Concept 15: Conversion Rate
8:29 Concept 16: Loading Speed
9:02 Concept 17: Accessibility
9:44 Concept 18: Color Theory and Contrast
10:40 Concept 19: Social Proof
11:20 Concept 20: Landing Page vs Homepage
12:12 What to Learn Next About Web Design in 2026
80% of what makes a website look professional comes down to a handful of core concepts. After building over 750 websites for everyone from local shops to Fortune 500 clients, I’ve boiled it all down into the 20 ideas that actually move the needle — explained in under 10 minutes.
This is a rapid-fire glossary of every major web design concept you need to know to build sites that look phenomenal and convert visitors into buyers. No fluff, no padding, just the lingo and the reasoning behind it.
You’ll learn the real difference between UX and UI, how wireframes, mockups and prototypes actually fit together, and why above-the-fold and your hero section decide whether visitors stay or leave. We cover calls to action, visual hierarchy, white space, typography hierarchy, responsive and mobile-first design, grid systems, bounce rate, conversion rate, loading speed, accessibility, color theory and contrast, social proof, and the crucial difference between a landing page and a homepage.
Whether you’re designing your first site, briefing a designer, or trying to figure out why your current website isn’t converting, this video gives you the shared vocabulary and the mental models to make better decisions fast.
If you find this useful, consider subscribing — I post practical web design and conversion breakdowns every week, and there’s a lot more like this on the way.