Complete Web Design: from Figma to Webflow to Freelancing
-
Getting Started
-
PART 1: SECRETS OF GOOD DESIGN
-
Layout is King
-
How to Use Typography Beautifully
-
The Art of Color
-
How to Use Photos to Create Mouthwatering WebsitesIntro to Photos0sImage Overlays0sPractice: Image Overlays0sPhoto Cropping Techniques – Extreme Crop0sPhoto Cropping Techniques – Soft Crop0sPractice: Photo Cropping0sRule of Thirds0sUnbox it!0sPick Photos Like a Pro0sWhere to Find Photos0sPractice: Finding Photos0sSection Notes
-
6 Design Tricks Every Designer Should Know
-
PART 2: PRACTICE DESIGN LIKE AN ARTIST
-
Practice by Mimicking Pros
-
Designing Your First Beautiful Web Page
-
PART 3: WEB DEVELOPMENT (WEBFLOW)
-
How Web Pages Work
-
Building Your First Web PageSection, Container, Div Block0sRead-Only Version of Chat AppSize Settings0sPadding & Margins0sSection NotesWeb Typography0sButtons and Links0sCSS Classes0sImages0sFloat, Columns, Display0sFlexbox0sWebflow vs Figma Sizes0sFlexbox GameWebflow DocumentationNavbar (Chat App)0sWebflow Debugging Checklist0sHover State0sMiddle Section (Chat App)0sHTML Tags0sCombo Classes0sCTA Section (Chat App)0sFooter (Chat App)0s
-
Responsive Web Design: Beautiful on Any Device
-
Going Live: Launching Your First Web Page
-
PART 4: CLIENT PROJECT FROM START TO FINISH
-
Nail the Designs: Project Brief, Mood Board, Wireframes, DesignGood Design Process0sProject Brief0sMood Board0sWhy Wireframing?0sFigma Styles0sFigma Components0sWireframe Kit0sWireframes – Homepage Part 10sWireframes – Homepage Part 20sWireframes – Post Page0sWireframes – Blog0sTeam App Homepage Design: Part 10sTeam App Homepage Design: Part 20sTeam App Homepage Design: Part 30sTeam App Blog Post Design0sTeam App Blog Design0s
-
Development: From Designs to Functional WebsiteIntro0sBackground Styles0sRead-Only Version of Team App WebsiteNavbar (Team App)0sHero Content (Team App)0sForms0sMockup Section – Part 1 (Team App)0sMockup Section – Part 2 (Team App)0sPhoto Sections (Team App)0sSlider0sTestimonial Slider (Team App)0sPositioning0sSlider Arrows0sFooter (Team App)0sFooter Form (Team App)0s
-
Interactions: Breathing Life Into Your Website
-
Responsive Web Design (Team App Website)
-
Blog & CMS: Going From Static to Dynamic WebsiteCMS & Dynamic Content0sWebflow CMS0sCMS Items0sCollection Page0sBlog: Navbar & Headline0sBlog: Author & Date Block0sReference Field0sObject Fit0sBlog: Main Image0sRich Text0sBlog: Author Block Bottom0sWebflow Components0sBlog: Responsive Post Page0sBlog: Homepage0sCollection List0sPagination0sBlog: Responsive Homepage0s
-
Going Live: Your Fully Functional Dynamic Website
-
PART 5: SECRETS OF MAKING MONEY FREELANCING
-
Stunning Portfolio Website Made for You
-
Where to Find Freelance Work
-
28 Tips to Win on UpworkUpwork Overview0sTips 1-3: Getting your profile approved0sTips 4-9: Create a profile that attracts clients0sTips 10-12: Get the “best match” badge0sTips 13-14: Propose the right price0sTips 15-16: Be the freelancer they can’t resist0sTips 17-22: Write damn good cover letters0sTips 23-25: Don’t get yourself suspended0sTips 26-28: Don’t get scammed0s
-
Pricing, Proposal Template, & More
-
PART 6: ADVANCED
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?
-
Wouldn’t you want to be your own boss?
-
Working 2-3 hours a day and earning more than people working full-time?
-
Waking up whenever you want?
-
Working from home? Or Starbucks? Or the bathtub—if that’s your thing. Or maybe somewhere awesome, like Bali?
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.
For example, this is a design course, but I don’t teach Photoshop. Why? Because Photoshop is needlessly complicated for web design, yet 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 basic layouts in Photoshop.
Second, this is a development course, but I don’t teach you how to code. Coding for web design is needlessly complicated and takes too long to learn. Instead, I teach Webflow, a tool revolutionizing web design. You’ll be building complex websites within two weeks while others are still learning HTML and CSS basics.
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. By the end of the course, you’ll have a stunning portfolio website, complete with portfolio pieces.
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.
What's included
- 21.5 hours on-demand video
- Assignments
- 22 articles
- 9 downloadable resources
- Access on mobile and TV
- Certificate of completion