Complete Web Design Course for Beginners | Free Full Course

Throughout this course, you'll thoroughly understand web design techniques such as wireframing and color theory, and you'll become proficient with tools like Figma and Framer. This isn't just theory—it's practical application. By the time you finish, you'll be ready to design and publish simple websites for paying clients.

What You'll Learn:
1. Strategy: Client needs, identify competitors, and develop solutions
2. Structure: Create sitemaps, content documents, and wireframes.
3. Design: Research, moodboards, generate assets, and design in Figma.
4. Development: Build responsive websites with animations in Framer.

This course is perfect for beginners who want to dive into web design and develop their skills step-by-step. Whether you're looking to start a new career or just want to design your own website, this course has everything you need.

🔗 Course Materials & Links
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:

🏆 //////////// Join my free member's community to get access to perks:
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma

🖥️ ////////// I Build websites in Framer

🖥️ ////////// I Prototype Magic in ProtoPie

📅 ////////// I run my life with Notion

0:00 Intro
0:50 The Process
3:20 Strategy
12:00 Structure
33:55 Design
01:56:31 Framer Development

[zoltannab]

You've managed to explain in under three hours what my university has been trying to teach me for three years, and you did it so much better and more clearly!

[vanessadesign]

This was amazing! I’d love to see more real project examples instead of just teaching videos. Real-life projects show actual decisions and constraints, which adds a lot of value. Teaching videos can be more entertaining, but real projects bring way more value to the viewers. Please keep focusing on real examples and less on highly structured and planned content. Thank you for this video!

[CharlesMartel]

I'm a Laravel and React developer often working on big projects (e-commerce, different management systems etc), but I still find this video interesting because I want to up my UI/UX game.

[angelafraser]

Jesse, you never disappoint. Thank you for creating and helping aspiring designers!

[Pingoinnn]

I'm a developper who doesn't use framer or webflow but I was still curious about the design process as I always feel overwhelmed by this part. It can be difficult to find "real world" examples and videos that actually explain things in detail and holy crap, this one might just have changed the way I'm going to approach design from now on. Huge thanks, I feel like a new world has opened to me !

[USAIDFAHAD]

i guess this is 'the' video that'll get anyone started in the freelancing world of design.

[Relume_io]

Thanks for the mention Jesse! This course is super helpful for anyone starting off in web design!

[design_with_dana]

Such a helpful and valuable video Jesse!

[earthjade]

thank you for posting educational content that is clear, broken down, knowledgable, and thorough -- also thank you for including tools you use to help streamline your process!

i feel like there is sooo much information/educational content online, but not everyone is a great teacher, or their teaching style may not help as many people as they could bc of different learning styles - BUT yours helped me! appreciate it & ty for the inspo & value

[henrythomas]

Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!

[deipty]

You are such a ball of energy. Thank you for this tutorial. I'm trying to get back into the workforce and this was a good refresher. Also, would like you to do a room tour of your office space. Looks cool!

[karansayata]

Thank you this was amazing. Just the right pacing, perfect amount of learning. Hooked. Now time to create my own designs.

[officiallydheeraj]

This is why I have subscribed to this guy, and you should too.

[nisanthn]

Hi Jesse,

I hope you're doing well.

I have a few questions regarding some design choices:

1. You put the same size button in the nav bar as in the hero section. Should I reduce the size of the button in the nav bar for my projects, or is it fine to use the same size as in the hero section?

2. In the advantage section, you added four advantages in a row. Is it effective to add four advantages in a row, or could it be overwhelming for users when they first view the website?

3. Regarding typography, you used all headings in uppercase (AG) throughout the entire website. Should I apply the same method for my projects, or is it acceptable to use uppercase for the hero section (AG) and capitalize other sections (Ag)?

Thank you so much for all the valuable content you share.

[RockstahRolln]

Thank you so much for doing this, much appreciated!

[ineslima]

Absolutely loved it! This has gave me the confidence I needed to start my own thing. Would it be possible to make an in-depth video specifically about strategy?

[George_]

So useful video, I'd like to hear about proposal

[lastspoil]

Jesse, should I still do your full figma course: design a job website start to finish tutorial from a year ago?

[princesalman]

this tutorial is better than my uni teacher whole career

[muhsinakamal]

Love this! Curious to know what web developers' perspectives are on using Framer instead of coding from 'scratch'? 🤔