Complete Web Design: from Figma to Webflow to Freelancing
4.8 (1,210 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,729 students enrolled

Complete Web Design: from Figma to Webflow to Freelancing

3 in 1 Course: Learn to design websites with Figma, build with Webflow, and make a living freelancing.
Bestseller
4.8 (1,210 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,729 students enrolled
Created by Vako Shvili
Last updated 6/2020
English
English
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 18.5 hours on-demand video
  • 21 articles
  • 9 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • You will learn how to design beautiful websites using Figma, an interface design tool used by designers at Uber, Airbnb and Microsoft.
  • You will learn how to take your designs and build them into powerful websites using Webflow, a state-of-the-art site builder used by teams at Adobe, Dell, NASA and more.
  • You will learn secret tips of Freelance Web Designers and how they make great money freelancing online.
Requirements
  • No requirements. You don't have to be creative or good with math. Those are Design and Development myths.
Description

Web Design is fun. It's creative.

It gives you a huge self-satisfaction when you look at your work and say, "I made this!". I love that feeling after I'm done working on something. When I lean back in my chair, look at the final result with a smile, and have this little "spark joy" moment.

It's especially satisfying when I know I just made $5,000.

Wouldn't you want to have that?

  • Wouldn't you want to be your own boss?

  • Working 2-3 hours per day and making more than what people make working full-time?

  • Waking up whenever you want?

  • Working from home? Or Starbucks? Or bathtub? If that's your thing. Or from some awesome place like Bali?

I do! And that's why I got into this field. Not for the love of Web Design, which I do now. But for the LIFESTYLE!

There are many ways one can achieve this lifestyle. This is my way. This is how I achieved a lifestyle I've been fantasizing about for five years. And I'm going to teach you the same.

Often people think Web Design is complicated. That it needs some creative talent or knack for computers. Sure, a lot of people make it very complicated. People make the simplest things complicated. Like most subjects taught in the universities.

But I don't like complicated. I like easy. I like life hacks. I like to take the shortest and simplest route to my destination. I haven't gone to an art school or have a computer science degree. I'm an outsider to this field who hacked himself into it, somehow ending up being a sought-after professional.

That's how I'm going to teach you Web Design. So you're not demotivated on your way with needless complexity. So you enjoy the process because it's simple and fun. So you can become a Freelance Web Designer in no time.

For example, this is a Design course but I don't teach you Photoshop. Because Photoshop is needlessly complicated for Web Design. But people still teach it to web designers. I don't. I teach Figma – a simple tool that is taking over the design world. You will be designing a complete website within a week while others are still learning how to create basic layouts in Photoshop.

Second, this is a Development course. But I don't teach you how to code. Because for Web Design coding is needlessly complicated and takes too long to learn. Instead, I teach Webflow – a tool that is taking over the web design world. You will be building complex websites within two weeks while others are still learning the basics of HTML & CSS.

Third, this is a Freelancing course. But I don't just teach you how to write great proposals. I give you a winning proposal template. When you're done with the course, you will have a stunning portfolio website with portfolio pieces already in it.

Buy this course now and take it whenever the time is right for you.

Who this course is for:
  • This course is for those who want to launch a Freelance Web Design career.
  • Those who are looking to reboot their work life and try a new profession that is fun, rewarding and highly in-demand.
Course content
Expand all 198 lectures 18:21:46
+ Getting Started
4 lectures 11:45
Sign up with Webflow
00:05
Webflow Teaser
04:12
Check out the Resources Page
00:21
+ PART 1: SECRETS OF GOOD DESIGN
3 lectures 09:54
Intro to Good Design
02:34
Getting started with Figma
06:55
Pro Tip: Screen Resolution
00:25
+ Layout is King
9 lectures 39:44
It All Starts With Alignment & Grid
06:49
Practice: Alignment & Grid
09:18
Time to practice Alignment & Grid. Don't freak, it's not timed. 15 minutes is just my estimate of how long it might take you. You're free to take 2 minutes or 2 hours. This assignment is part of the previous video that you just watched. You just need to submit your result here.
Alignment & Grid
1 question
Assignment Feedback
01:21
Importance of Visual Hierarchy
07:20
Practice: Visual Hierarchy
08:34
An assignment to practice visual hierarchy.
Visual Hierarchy
1 question
Join the Student Hangout on Discord
00:46
Beware of Optical Illusions
03:52
Proximity
01:42
Section Notes
00:01
+ How to Use Typography Beautifully
10 lectures 45:32
Intro to Typography
01:37
Typeface Comes With a Personality
01:51
Typeface Categories
06:14
Practice: Typeface Personality
06:12
An assignment to practice Typeface Personality.
Typeface Personality
1 question
Setting type
08:30
Practice: Setting type
07:03
An assignment to practice setting type.
Setting Type
1 question
Two fonts only
02:51
Where to Find Fonts
03:57
Practice: Typeface Pairing
07:16
An assignment to practice Typeface Pairing.
Typeface Pairing
1 question
Section Notes
00:01
+ The Art of Color
8 lectures 28:02
Intro to Colors
01:11
Sampling Colors
01:56
Practice: Sampling Colors
13:31
An assignment to practice Sampling Colors.
Sampling Colors
1 question
Fine-tuning Colors
03:58
Practice: Fine-tuning Colors
02:30
An assignment to practice Fine-tuning Colors.
Fine-tuning Colors
1 question
Color Hunting
02:35
Brand Colors
02:20
Section Notes
00:01
+ How to Use Photos to Create Mouthwatering Websites
12 lectures 51:33
Intro to Photos
00:23
Image Overlays
01:59
Practice: Image Overlays
04:57
An assignment to practice Image Overlays.
Image Overlays
1 question
Photo Cropping Techniques - Extreme Crop
04:28
Photo Cropping Techniques - Soft Crop
04:37
Practice: Photo Cropping
11:10
An assignment to practice Photo Cropping.
Photo Cropping
1 question
Rule of Thirds
04:38
Unbox it!
04:47
Pick Photos Like a Pro
06:13
Where to Find Photos
03:27
Practice: Finding Photos
04:53
A practice assignment.
Finding Photos
1 question
Section Notes
00:01
+ 6 Design Tricks Every Designer Should Know
10 lectures 32:14
Intro to Design Tricks
00:24
Contrast
03:53
White Space
05:07
Repetition
03:56
Overlapping
03:43
Practice: Overlapping
00:57
Practice assignment.
Overlapping
1 question
Tension
02:32
Practice: Tension
03:45
Practice assignment.
Tension
1 question
Consistency
07:56
Section Notes
00:01
+ Practice by Mimicking Pros
5 lectures 23:41
Mimic Method
04:57
The Biggest secret of GREAT DESIGNERS: Inspiration
05:50
Practice: Mood Board
05:42
Practice assignment.
Mood Board
1 question
Practice: Figma Homepage Design
07:11
Practice assignment.
Figma Homepage Design
1 question
Section Notes
00:01
+ Designing Your First Beautiful Web Page
5 lectures 40:13
Chat App homepage design: Part 1
07:18
Chat App homepage design: Part 2
11:08
Chat App homepage design: Part 3
11:45
Chat App homepage design: Part 4
10:01
This assignment is linked to previous videos. Nothing new, just for you to submit the final result.
Chat App Homepage Design
1 question
Section Notes
00:01