What You'll Actually Learn
The program runs twelve weeks with live sessions twice weekly and asynchronous work between meetings.
Weeks 1-3: Foundation
- Typography fundamentals: scale, hierarchy, readability metrics
- Layout systems: grids, columns, spacing rhythm
- Color theory applied to interfaces: contrast ratios, accessible palettes
- Figma fundamentals: components, auto-layout, variants
Weeks 4-6: First Projects
- Project brief analysis and research methods
- Wireframing and low-fidelity prototyping
- Design system basics: consistency across pages
- Critique sessions: giving and receiving feedback
Weeks 7-9: Advanced Techniques
- Responsive design patterns and breakpoint strategy
- Fluid typography and spacing calculations
- Prototyping interactions and transitions
- Accessibility standards: WCAG compliance, screen readers
Weeks 10-12: Portfolio Development
- Case study writing: documenting design decisions
- Final project refinement and presentation
- Design handoff: preparing files for developers
- Portfolio review and career preparation
Each week includes practical assignments reviewed individually. You'll redesign existing sites, solve specific design problems, and justify every choice you make.
Most web design courses teach you tools. This one teaches you how to think about design problems and solve them systematically.
You'll spend twelve weeks learning typography that actually works, grid systems that don't break on mobile, and color palettes that aren't just guesswork. We cover Figma from scratch, but more importantly, you'll understand why designers make specific choices—spacing, hierarchy, contrast, accessibility.
The program includes four real client briefs. You'll design a SaaS landing page, an e-commerce site, a portfolio, and a content-heavy blog. Each project gets critiqued in group sessions where we discuss what works and what doesn't.
Week seven focuses entirely on responsive design: breakpoints, fluid typography, flexible grids, and mobile-first thinking. Week ten covers prototyping and interaction design basics—micro-interactions, loading states, form validation feedback.
By the end, you'll have a portfolio with four polished case studies and the skills to critique design work intelligently. No fluff about creativity or finding your voice—just practical knowledge you can use immediately.