Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Design Champs+

Plus members get access to this course and dozens of other exclusive courses, live events, community channels, and discounts on cool stuff.

Details

1

lessons

2 hr 43 min

of content

Intermediate

difficulty

Future updates

Private community

Monthly live UI design events

A certificate of completion

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

Browse more courses

New

Soft Skills

Communication for Creatives

4

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

New

Soft Skills

Sitemapping

4

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

New

Soft Skills

User Research

8

lessons

64 minutes

Intermediate

This comprehensive course demystifies UX research, going beyond common misconceptions to deliver practical, actionable insights.

New

Soft Skills

Communication for Creatives

4

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

New

Soft Skills

Sitemapping

4

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

New

Soft Skills

Communication for Creatives

4

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

New

Soft Skills

Sitemapping

4

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

New

Soft Skills

Communication for Creatives

4

lessons

16 Minutes

Beginner

Creative professionals need to know how to effectively communicate their design decisions, work, and ideas to stakeholders, clients, and team members. This course focuses on developing clear, concise, and confident communication skills specifically tailored for designers and creative professionals.

New

Soft Skills

Sitemapping

4

lessons

38 minutes

Intermediate

This practical course breaks down the essentials of creating effective sitemaps—one of the most important yet often overlooked steps in the design process.

Get started with Design Champs today

Get access to valuable resources, tutorials, and a supportive community to help you grow and excel in your design skills.

Get started with Design Champs today

Get access to valuable resources, tutorials, and a supportive community to help you grow and excel in your design skills.

Get started with Design Champs today

Get access to valuable resources, tutorials, and a supportive community to help you grow and excel in your design skills.