4.75 out of 5
4.75
10469 reviews on Udemy

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.
Instructor:
Vako Shvili
41,855 students enrolled
English
You will learn graphic design concepts like layout, typography, visual hierarchy, design tricks, and more.
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 the designs and build them into websites using Webflow — a powerful 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.

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.

Getting Started

1
What is Webflow?
2
Sign up with Webflow
3
Webflow Teaser
4
Bookmark the Resources Page

PART 1: SECRETS OF GOOD DESIGN

1
Intro to Good Design
2
Getting started with Figma

Layout is King

1
It All Starts With Alignment & Grid
2
Practice: Alignment & Grid
3
Alignment & Grid
4
Assignment Feedback
5
Importance of Visual Hierarchy
6
Practice: Visual Hierarchy
7
Visual Hierarchy
8
Join the Student Hangout on Discord
9
Beware of Optical Illusions
10
Proximity
11
Section Notes

How to Use Typography Beautifully

1
Intro to Typography
2
Typeface Comes With a Personality
3
Typeface Categories
4
Practice: Typeface Personality
5
Typeface Personality
6
Setting type
7
Practice: Setting type
8
Setting Type
9
Two fonts only
10
Where to Find Fonts
11
Practice: Typeface Pairing
12
Typeface Pairing
13
Section Notes

The Art of Color

1
Intro to Colors
2
Sampling Colors
3
Practice: Sampling Colors
4
Sampling Colors
5
Fine-tuning Colors
6
Practice: Fine-tuning Colors
7
Fine-tuning Colors
8
Color Hunting
9
Brand Colors
10
Section Notes

How to Use Photos to Create Mouthwatering Websites

1
Intro to Photos
2
Image Overlays
3
Practice: Image Overlays
4
Image Overlays
5
Photo Cropping Techniques - Extreme Crop
6
Photo Cropping Techniques - Soft Crop
7
Practice: Photo Cropping
8
Photo Cropping
9
Rule of Thirds
10
Unbox it!
11
Pick Photos Like a Pro
12
Where to Find Photos
13
Practice: Finding Photos
14
Finding Photos
15
Section Notes

6 Design Tricks Every Designer Should Know

1
Intro to Design Tricks
2
Contrast
3
White Space
4
Repetition
5
Consistency
6
Overlapping
7
Practice: Overlapping
8
Overlapping
9
Tension
10
Practice: Tension
11
Tension
12
Section Notes

PART 2: PRACTICE DESIGN LIKE AN ARTIST

1
Intro to Design Practice

Practice by Mimicking Pros

1
Mimic Method
2
The Biggest SECRET of Great Designers: Inspiration
3
Practice: Mood Board
4
Mood Board
5
Practice: Figma Homepage Design
6
Figma Homepage Design
7
Section Notes

Designing Your First Beautiful Web Page

1
Chat App homepage design: Part 1
2
Chat App homepage design: Part 2
3
Chat App homepage design: Part 3
4
Chat App homepage design: Part 4
5
Chat App Homepage Design
6
Section Notes

PART 3: WEB DEVELOPMENT (WEBFLOW)

1
Intro to Webflow Development

How Web Pages Work

1
Webflow Designer Intro
2
HTML & CSS
3
The Box Model
4
Element Hierarchy
5
Section Notes

Building Your First Web Page

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
f684820df47e2f725df9b0dc0a962e1a
30-Day Money-Back Guarantee

Includes

19 hours on-demand video
23 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion