Course Overview
Web design is fun. It's creative.
It gives you huge self-satisfaction when you look at your work and say, "I made this.". I love that feeling after finishing 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?
Be your own boss?
Be a professional with a skill that's in demand?
Working from home? Or Starbucks? Or a bathtub, if that’s your thing. Or maybe somewhere awesome, like Bahamas?
I do! That's why I got into this field. Not initially for the love of web design, though I do love it now. I got in for the lifestyle.
There are many ways one can achieve this lifestyle. This is my way. This is how I reached the life I dreamed about for years. And I’m going to teach you to do the same.
Often people think web design is complicated, that it needs creative talent or knack for computers. Sure, a lot of people make it complicated. People make the simplest things complicated, just like most subjects taught in universities.
But I don't like complicated. I like easy. I like life hacks. I like taking the shortest, simplest route to my goal. I didn’t go to art school or get a computer science degree. I’m an outsider who hacked my way into this field, and somehow, I ended up as a sought-after professional.
That’s how I’m going to teach you web design. So you’re not discouraged by needless complexity. So you enjoy the process because it's simple and fun. So you can become a freelance web designer in no time.
Enroll now and start whenever the time is right for you. I keep the course up to date, review every assignment, and answer every question in the Q&A.
FAQ
FAQ area empty
Course curriculum
-
Intro to Typography
97 -
Typeface Comes With a Personality
111 -
Typeface Categories
375 -
Practice: Typeface Personality
415 -
Typeface Personality & Categories
-
Typeface Personality Practice
-
Setting type
510 -
Setting Type
-
Practice: Setting type
447 -
Setting Type Practice
-
Two fonts only
167 -
Where to Find Fonts
237 -
Practice: Typeface Pairing
427 -
Typeface Pairing Practice
-
Section Notes
-
Intro to Photos
23 -
Image Overlays
117 -
Practice: Image Overlays
318 -
Image Overlays Practice
-
Photo Cropping Techniques - Extreme Crop
268 -
Photo Cropping Techniques - Soft Crop
283 -
Practice: Photo Cropping
549 -
Photo Cropping Practice
-
Rule of Thirds
278 -
Unbox it!
250 -
Figma AI: Image Edit Features
1032 -
Pick Photos Like a Pro
372 -
Where to Find Photos
207 -
Practice: Finding Photos
256 -
Finding Photos Practice
-
Section Notes
-
Section, Container, Div Block
233 -
Sandbox Version of Chat App
-
Size Settings
716 -
Padding & Margins
777 -
Section Notes
-
Web Typography
495 -
Buttons and Links
337 -
CSS Classes
358 -
Images
406 -
Display Property
331 -
Flexbox
759 -
Webflow vs Figma Sizes
574 -
Flexbox Game
-
Webflow Documentation
-
Navbar (Chat App)
615 -
Webflow Debugging Checklist
890 -
Hover State
493 -
Middle Section (Chat App)
265 -
HTML Tags
661 -
Combo Classes
521 -
CTA Section (Chat App)
816 -
Footer (Chat App)
766
-
Good Design Process
483 -
Project Brief
312 -
Mood Board
284 -
Why Wireframing?
455 -
Figma Styles
185 -
Figma Components
460 -
Wireframe Kit
307 -
Wireframes – Homepage Part 1
798 -
Wireframes – Homepage Part 2
1043 -
Wireframes – Post Page
588 -
Wireframes – Blog
535 -
Final Result – Team App Wireframes
-
Team App Homepage Design: Part 1
833 -
Team App Homepage Design: Part 2
1423 -
Team App Homepage Design: Part 3
918 -
Team App Blog Post Design
479 -
Team App Blog Grid Design
989 -
Final Result – Team App Designs
-
Intro
62 -
Background Styles
490 -
Sandbox Version of Team App Website
-
Navbar (Team App)
582 -
Hero Content (Team App)
674 -
Forms
720 -
Mockup Section – Part 1 (Team App)
645 -
Mockup Section – Part 2 (Team App)
255 -
Photo Sections (Team App)
249 -
Slider Component
279 -
Testimonial Slider (Team App)
747 -
Positioning
518 -
Slider Arrows
347 -
Footer (Team App)
406 -
Footer Form (Team App)
560
-
CMS & Dynamic Content
93 -
Webflow CMS
336 -
CMS Items
226 -
Collection Page
244 -
Blog: Navbar & Headline
313 -
Blog: Author & Date Block
244 -
Reference Field
363 -
Object Fit
127 -
Blog: Main Image
167 -
Rich Text
758 -
Blog: Author Block Bottom
194 -
Webflow Components
604 -
Blog: Responsive Post Page
318 -
Blog: Homepage
782 -
Collection List
595 -
Pagination
407 -
Blog: Responsive Homepage
295
-
Webflow: Custom Modal (Pop-Up)
1423 -
Build With Claude AI in Webflow (Part 1)
738 -
Build With Claude AI in Webflow (Part 2)
1171 -
Build With Claude AI in Webflow (Part 3)
698 -
AI Code Components
949 -
Google Analytics
400 -
Cookie Consent Installation
1311 -
Code Embed + AI
1154 -
CodePen + AI
1411 -
More Webflow Videos
-
Webflow Plans, Accounts and How to Handover the Website to the Client
-
Upwork Overview
305 -
Tips 1-3: Getting your profile approved
253 -
Articles on Upwork’s Approval Process
-
Tips 4-9: Create a profile that attracts clients
406 -
Tips 10-12: Get the "best match" badge
209 -
Tips 13-14: Propose the right price
249 -
Tips 15-16: Be the freelancer they can't resist
363 -
Tips 17-22: Write damn good cover letters
418 -
Tips 23-25: Don't get yourself suspended
325 -
Tips 26-28: Don't get scammed
102
Requirment
-
You will need a computer with internet access.
-
You will create free accounts with Figma and Webflow.
Outcomes
-
You will learn 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 freelancing strategies used by successful web designers and how they make good money freelancing online.
0 Student
1 Course
0 review