Master web design with this complete 17-hour course! From Figma fundamentals and Framer no-code development to business strategies and freelancing success, this step-by-step course covers everything you need to launch your design career.
đź”— Join our community: Connect with like-minded designers, and access opportunities to grow as a freelancer for free! Apply now: https://webdesignerscollective.com
⏱️ Timestamps:
00:00:00 Web Design Course Intro
🧠M1—The Foundation of Success: Cultivating the Right Mindset
00:06:56 M1 Intro
00:07:45 Lesson 1.1: The Lie of Creativity
00:13:46 1.2: The Growth Mindset
00:16:22 1.3: Overcoming Fear and Resistance
00:21:11 1.4: The Importance of Failure
00:22:29 1.5: Setting Goals and Planning for Success
00:24:28 1.6: Cultivating Discipline and Consistency
00:26:23 1.7: Emotions & The Happiness Threshold
00:29:20 1.8: Overcoming Imposter Syndrome
00:31:34 1.9: Overcoming the Shiny Object Syndrome
00:35:14 1.10: The Dangers of Arrogance
00:41:01 1.11: Past, Present and Future
00:45:01 1.12: Redefining and Refining Your Habits
🎨 M2—Introduction to Figma and Design/Dev Fundamentals
00:50:32 M2 Intro
00:51:14 Lesson 2.1: Exploring the Different Professional Disciplines
00:55:44 2.2: Getting Started with Figma
01:02:46 2.3: Basic Tools and Features in Figma
01:23:29 2.4: Understanding the Web Design Principles
01:31:31 2.5: The Benefits of Knowing How Web Dev Works
01:33:43 2.6: Discovering the Core Web Development Technologies
01:45:03 2.7: Exploring No-Code Web Dev
📝 M3—Planning & Designing Your First Website
01:48:04 M3 Intro
01:49:17 Lesson 3.1: Brief, Inspiration, and Organization
02:09:03 3.2: Creating Wireframes in Figma
02:35:37 3.3: Designing with Color and Images
02:43:39 3.4: Understanding the Importance of Typography
02:51:03 3.5: Exploring Figma’s Auto Layout & Components
03:15:44 3.6: Responsive Design & Breakpoints
03:26:08 3.7: The Basics of the 4 and 8 Point Grid Systems
03:35:00 3.8: Designing Your First Website & Style Guide
⬆️ M4—Exploring Career Paths in Web Design
05:27:05 M4 Intro
05:27:34 Lesson 4.1: Specific Career Paths in Web Design
05:40:32 4.2: Choosing the Right Career Path
05:47:38 4.3: Navigating Each Career Path
05:53:49 4.4: Understanding Salaries and Remote Work
💵 M5—How to Get Web Design Clients
06:01:59 M5 Intro
06:03:34 Lesson 5.1: Understanding the Freelance Market
06:06:22 5.2: Selecting a Niche
06:25:40 5.3: The Importance of Concept Projects
06:33:01 5.4: Finding Potential Clients as a Freelance Web Designer
🤑 M6—Getting Paid as a Freelance Web Designer
07:43:45 M6 Intro
07:44:38 Lesson 6.1: Basic Accounting and Financial Management
07:57:43 6.2: Setting Rates and Managing Invoices
08:05:24 6.3: Planning for Taxes and Savings
🦸‍♂️🦸‍♀️ M7—How to Leverage AI to Become a Super Designer
08:16:16 Module 7 Intro
08:17:20 Lesson 7.1: Introduction to AI
08:23:44 7.2: Introduction to AI in Web Design
08:28:20 7.3: Exploring Prompt Engineering
08:32:16 7.4: Understanding AI Agents
08:36:45 7.5: The Future of AI for Web Designers
🖥️ M8—Setting Up Your Digital Workstation
08:48:11 Intro Module 8
08:48:59 Lesson 8.1: Introduction to Google Workspace
09:24:11 8.2: Exploring and Organizing Google Chrome
09:34:03 8.3: How to Store and Organize Inspiration
09:40:54 8.4: How to Use Trello for Project Management and Tracking
09:54:46 8.5: How to Use Slack for Ongoing Communication
10:04:14 8.6: How to Backup Your Files to a Hard Drive
10:12:19 8.7: How to Track and Manage Your Time
10:34:33 8.8: How to Manage Your Passwords
💼 M9—Registering as a Business: When and How
10:43:00 M9 Intro
10:43:54 Lesson 9.1: Why Should a Web Designer Register as a Business?
10:46:06 9.2: Choosing the Right Structure
10:48:42 9.3: The Right Time to Register as a Business
10:51:04 9.4: Registration Process
10:52:58 9.5: Essential Financial and Legal Maintenance for Freelance Web Designers
10:55:03 9.6: How to Register as a Business in the USA
🖼️ M10—Building and Publishing Your Portfolio
11:01:30 M10 Intro
11:03:13 Lesson 10.1: Planning Your Portfolio
11:07:57 10.2: Creating Portfolio Pieces from Scratch
11:10:11 10.3: Portfolio Maintenance
11:12:43 10.4: Designing, Developing and Publishing Your Portfolio
⚙️ M11—Advanced Figma Techniques and Tools
15:00:29 M11 Intro
15:01:23 Lesson 11.1: Understanding Figma Variables
15:22:37 11.2: Creating a Design Systems from Scratch
17:17:00 11.3: Intro to Documentation
📞 M12—Advice on How to Have Successful Meetings
17:19:32 M12 Intro
17:20:33 Lesson 12.1: Preparing for Meetings
17:28:37 12.2: Conducting the Meeting
17:32:21 12.3: Engagement and Communication
17:35:25 12.4: Post-Meeting Strategies
17:35:25 12.5: Tools
Organized List of Resources:
https://docs.google.com/document/d/1AV_yb43ko1_Qk9kx_Xt3k8ydie5p4ZvVwC3bS4Eq5Ms/edit?usp=sharing
#freelancewebdesign #uiuxdesign #webdesigncourse #figmadesign #webdesignforbeginners #figmatutorial #learnwebdesign #figma #framer #webdesign #webdesigntutorial