Web Design 101
Web Design 101
Details
1
lessons
2 hr 43 min
of content
Intermediate
difficulty
Future updates
Private community
Monthly live UI design events
Topics
Web Design
Figma
Framer
Instructor
Jesse Showalter
What is this course about?
Welcome to the Complete Web Design Course for Beginners! In this free full course, you'll learn every step of the professional web design process and build a comprehensive project alongside me. We'll start with strategy and structure, move into the design phase, and even develop the website without writing a single line of code using Framer
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.
Requirements
Strategy: Client needs, identify competitors, and develop solutions
Structure: Create sitemaps, content documents, and wireframes.
Design: Research, moodboards, generate assets, and design in Figma.
Development: Build responsive websites with animations in Framer.
What you'll learn
The foundations of modern web design and UI principles
How to wireframe, design, and prototype responsive websites in Figma
Layout systems like grids, spacing, and visual hierarchy
Typography and color theory for the web
How to design for usability and accessibility
How to translate your designs into real-world, no-code builds
Tips for presenting work and building your design portfolio
Who is this course for?
Absolute beginners looking to get started in web or product design
Graphic designers transitioning to digital
Aspiring freelancers or side-hustlers
Developers wanting to improve their UI design skills
Creators who want to design their own websites instead of hiring someone else
