Complete Web Design: from Figma to Webflow to Freelancing

Complete Web Design: from Figma to Webflow to Freelancing. 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

28 sections • 201 lectures • 19h 36m total length

  • Getting Started
    4 lectures • 12min
  • What is Webflow?
    Preview
    07:06
    Sign up with Webflow
    00:05
    Webflow Teaser
    04:12
    Bookmark the Resources Page
    00:21
  • PART 1: SECRETS OF GOOD DESIGN
    2 lectures • 9min
    Intro to Good Design
    02:34
    Getting started with Figma
    06:55
  • Layout is King
    9 lectures • 40min
    It All Starts With Alignment & Grid
    06:49
    Practice: Alignment & Grid
    09:18
    Alignment & Grid
  • 1 question
    Assignment Feedback
    01:26
    Importance of Visual Hierarchy
    07:20
    Practice: Visual Hierarchy
    08:34
    Visual Hierarchy
  • 1 question
    Join the Student Hangout on Discord
    00:50
    Beware of Optical Illusions
    03:52
    Proximity
    01:42
    Section Notes
    00:01
  • How to Use Typography Beautifully
    10 lectures • 45min
    Intro to Typography
    01:37
    Typeface Comes With a Personality
    01:51
    Typeface Categories
    06:14
    Practice: Typeface Personality
    06:12
    Typeface Personality
  • 1 question
    Setting type
    08:30
    Practice: Setting type
    07:03
    Setting Type
  • 1 question
    Two fonts only
    02:47
    Where to Find Fonts
    03:57
    Practice: Typeface Pairing
    07:00
    Typeface Pairing
  • 1 question
    Section Notes
    00:01
  • The Art of Color
    8 lectures • 28min
    Intro to Colors
    01:11
    Sampling Colors
    01:56
    Practice: Sampling Colors
    13:33
    Sampling Colors
  • 1 question
    Fine-tuning Colors
    03:58
    Practice: Fine-tuning Colors
    02:30
    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 • 52min
    Intro to Photos
    00:23
    Image Overlays
    01:59
    Practice: Image Overlays
    04:57
    Image Overlays
  • 1 question
    Photo Cropping Techniques – Extreme Crop
    04:28
    Photo Cropping Techniques – Soft Crop
    04:37
    Practice: Photo Cropping
    11:09
    Photo Cropping
  • 1 question
    Rule of Thirds
    04:38
  • Unbox it!
    Preview
    04:47
    Pick Photos Like a Pro
    06:13
    Where to Find Photos
    03:27
    Practice: Finding Photos
    04:53
    Finding Photos
  • 1 question
    Section Notes
    00:01
  • 6 Design Tricks Every Designer Should Know
    10 lectures • 32min
    Intro to Design Tricks
    00:24
    Contrast
    03:53
    White Space
    05:07
    Repetition
    03:56
    Consistency
    07:56
    Overlapping
    03:43
    Practice: Overlapping
    00:57
    Overlapping
  • 1 question
    Tension
    02:32
    Practice: Tension
    03:45
    Tension
  • 1 question
    Section Notes
    00:01
  • PART 2: PRACTICE DESIGN LIKE AN ARTIST
    1 lecture • 1min
    Intro to Design Practice
    00:18
  • Practice by Mimicking Pros
    5 lectures • 24min
    Mimic Method
    04:57
    The Biggest SECRET of Great Designers: Inspiration
    05:50
    Practice: Mood Board
    05:42
    Mood Board
  • 1 question
    Practice: Figma Homepage Design
    07:11
    Figma Homepage Design
  • 1 question
    Section Notes
    00:01
  • Designing Your First Beautiful Web Page
    5 lectures • 56min
    Chat App homepage design: Part 1
    08:25
    Chat App homepage design: Part 2
    16:09
    Chat App homepage design: Part 3
    13:53
    Chat App homepage design: Part 4
    17:36
    Chat App Homepage Design
  • 1 question
    Section Notes
    00:01
  • PART 3: WEB DEVELOPMENT (WEBFLOW)
    1 lecture • 1min
  • How Web Pages Work
    5 lectures • 14min
  • Building Your First Web Page
    24 lectures • 2hr 52min
  • Responsive Web Design: Beautiful on Any Device
    8 lectures • 45min
  • Going Live: Launching Your First Web Page
    3 lectures • 14min
  • PART 4: CLIENT PROJECT FROM START TO FINISH
    1 lecture • 2min
  • Nail the Designs: Project Brief, Mood Board, Wireframes, Design
    16 lectures • 2hr 19min
  • Development: From Designs to Functional Website
    15 lectures • 1hr 43min
  • Interactions: Breathing Life Into Your Website
    4 lectures • 22min
  • Responsive Web Design (Team App Website)
    5 lectures • 28min
  • Blog & CMS: Going From Static to Dynamic Website
    17 lectures • 1hr 39min
  • Going Live: Your Fully Functional Dynamic Website
    5 lectures • 22min
  • PART 5: SECRETS OF MAKING MONEY FREELANCING
    1 lecture • 1min
  • Stunning Portfolio Website Made for You
    3 lectures • 23min
  • Where to Find Freelance Work
    5 lectures • 22min
  • 28 Tips to Win on Upwork
    9 lectures • 49min
  • Pricing, Proposal Template, & More
    6 lectures • 45min
  • PART 6: ADVANCED
    7 lectures • 55min
    Intro to Advanced
    01:51
    Extra content
    00:27
    Webflow: Custom Modal (Pop-Up)
    15:40
    Webflow: Custom Code Embed – Commenting Plugin (Needs a Paid Plan)
    07:16
    Photoshop: How To Create a Stretch Crop
    05:16
    Photoshop: How to Cut Out an Image (Unboxing)
    13:57
    Photoshop: Stick Out Tutorial

Complete Web Design: from Figma to Webflow to Freelancing

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.
Share Post

Leave a Comment