Design XP/Design XP - Foundations of Design

  • $299

Design XP - Foundations of Design

  • Course
  • 39 Lessons
  • Includes 2 additional products
  • Discord access

Master the full UX process from idea to prototype in our Design XP Foundations course. Learn how real designers think, research, and create through hands-on workshops, whiteboard activities, and real-world examples. Build confidence in problem framing, user research, wireframing, and high-fidelity design — all at your own pace.

Contents

Week 1 - An Intro to UX Design

In Week 1, we set the stage for becoming a designer. You:

  • Explore the UX industry and see the different paths designers take.

  • Learn core frameworks like Design Thinking, Design Sprints, and Agile — and how they fit together.

  • Reflect on your own skills and strengths to better understand what kind of designer you might become.

  • Practice with introductory Figma exercises (recreating a screen, remixing it, critiquing AI-generated layouts).

By the end of Week 1, you have a strong sense of the industry, the frameworks designers use, and your first set of wireframe-style exercises in Figma.

👋 Welcome to Week 1 — Let’s Begin Your Design Journey
Preview
An Introduction to Design Thinking
Preview
The Double Diamond & Beyond
Preview
Figma Installation – Getting Set Up & Designing with Confidence
How AI Changed Product Design
Design Thinking Foundations — Finding Your Design Superpower
💼 Weekly Homework

Week 2 - Starting Strong: Turning Assumptions into Opportunities

In Week 2, we focus on starting projects the right way — building confidence in the discovery phase. You:

  • Learn how to map stakeholders and prepare for effective stakeholder interviews.

  • Practice secondary research — investigating a domain, competitors, and heuristics to get up to speed fast.

  • Explore how to pitch generative research to stakeholders by being proactive and showing the value of learning more.

  • Work through scenarios to simulate the first days of an apprenticeship — mapping stakeholders, planning interview questions, and digging up insights quickly.

By the end of Week 2, you have a toolkit for kicking off projects: stakeholder mapping, secondary research, competitor and heuristic evaluations, and ways to advocate for discovery when time is tight.

Starting a UX Project: Setting Yourself Up for Success
Generative Research vs Evaluative Research
Stakeholder Mapping & Interviews
Secondary Research, Competitor Analysis & Heuristic Evaluations
Starting a UX Project — From Chaos to Clarity
Week 2 Homework – Advocating for Better UX at FreshCart
Optional Resource - "The Essential Guide to Doing Your Research"

Week 3 - Information Architecture & Wireframes

In Week 3, we focus on the transition from research into early design. You'll learn how to:

  • Cluster research findings with affinity mapping so insights turn into clear themes.

  • Prioritize features using structured frameworks so teams know what matters most.

  • Create empathy artifacts (personas, journey maps, empathy maps) to keep the user at the center.

  • Sketch and wireframe your first design concepts, moving from raw ideas to stakeholder-ready screens.

By the end of Week 3, you'll have your first low-fidelity wireframes — rough, simple, but connected to research and business goals.

Affinity Mapping: Making Sense of Data
Artifacts for Generating Empathy
Prioritizing Features: What to Work on First (Optional Lesson)
Wireframing Basics: Sketching Your First Ideas
Information Architecture & Flows
Using AI to Supercharge Your Design Work
From Research to Wireframes — Turning Insights into Flows
Weekly Homework

Week 4 - UI & Visual Design Basics

In Week 4, we level up by turning those wireframes into hi-fidelity designs. You explore:

  • Hi-fi design basics: how to move from boxes and placeholders into real color, type, and layout.

  • Color & typography: choosing palettes and fonts that set the right mood and guide the eye.

  • Hierarchy & critiques: learning how to make the right things stand out, and how to give/receive feedback.

  • Components, grids & autolayout in Figma: building smart so designs are consistent and dev-ready.

  • Accessibility: quick checks to ensure designs work for everyone.

  • Design systems & handoff: why reusability and clear annotations matter when working with developers.

By the end of Week 4, you have your first hi-fidelity prototype screens — polished, annotated, and ready to test.

Getting Started with Hi-Fidelity Design
🟣 Colour & Typography
Grids and Spacing
Establishing Hierarchy & Design Critiques
Design Systems & Developer Documentation
(Optional) – Accessibility in Design
(Optional) Motion in Design
From Wireframes to Hi-Fidelity
Visual Systems — Building Consistency and Confidence

Week 5 - Prototyping, Testing & Telling the Story

This week marks the final stage of the education phase before you move into real-world apprenticeships. The focus is on validating your designs, telling compelling stories, and preparing to share your work with others.

Topics:

  • Usability Testing → How to run think-aloud sessions, observe user struggles, and turn findings into actionable improvements.

  • Generating Empathy → Using quotes, visuals, videos, and even memes to make your research insights resonate with stakeholders.

  • UX & Business Impact → Understanding how great design drives conversion, retention, and growth — and how to frame your work in business terms.

  • Writing Case Studies → Structuring your process into clear, engaging stories that highlight both design outcomes and personal growth.

  • Prototyping in Figma → Turning static designs into clickable flows to test interactions and present your ideas.

  • Vibe Coding (Optional) → Exploring AI-assisted coding with Cursor to build creative experiments and expand your toolkit.

Looking Ahead

With these skills in hand, you’re ready to start your apprenticeship projects in Week 6. Expect to apply everything you’ve learned in a real-world context, supported by mentors, and build case studies that can stand out in your portfolio.

Usability Testing
Prototyping in Figma
What the Heck is Vibe Coding? (coding for designers) - Optional
Strategies for Generating Empathy
Writing Great Case Studies
Bridging the Gap between UX & Business
Wrapping Up the Education Phase + This Week's Homework
Storytelling and Handoff — Sharing Your Design Logic