Syllabus

Week 1: Introduction to Design Systems #

Discussion

  • Introductions
  • What is a design system?
  • Introduce final project: 3 or more websites/apps powered by a single design system + case study of process (include videos, photos, and sketches)

Lecture

Design System roundup

Work

Week 2: Processes, Workflows, and Frameworks #

Discussion

  • Review builds
  • Choose designer or developer distinction
  • Who here has built a site or an app before? What's your process for building sites and apps?

Lecture

  • Waterfall vs. Agile
  • The types of Agile
  • Hot Potato
  • Creating with a design system
  • Work in public

Work

Week 3: Tooling #

Discussion

  • Review time-lapses
  • The nuts and bolts of design systems; how-tos.

Lecture

Work

Week 4: Reference Sites #

Discussion

  • Review hello world examples
  • Reference sites

Lecture

Work

Week 5: Deviating from the System #

Discussion

Review reference sites

Lecture

  • Following the system vs. deviating from it
  • Miscellaneous time for knowledge gaps

Work

Officially start on final project

Week 6 #

  • Work on final project
  • Open office hours; sign up for 15-minute breakout room

Milestone suggestions

  • Pilot 1 should be built
  • Reference site should be 30% complete
  • Case study should be 30% complete

Week 7 #

  • Work on final project
  • Open office hours; sign up for 15-minute breakout room

Milestone suggestions

  • Pilots 1 and 2 should be built
  • Reference site should be 60% complete
  • Case study should be 60% complete

Week 8 #

  • Work on final project
  • Open office hours; sign up for 15-minute breakout room

Milestone suggestions

  • Pilots 1, 2, and 3 should be built
  • Reference site should be 90% complete
  • Case study should be 90% complete

Week 9 #

  • Work on final project
  • Open office hours; sign up for 15-minute breakout room

Milestone suggestions

  • Finishing touches and final polish
  • Last minute reviews

Week 10: Demo Day! #

Final project due 1 second before final class begins

  • Celebrate!
  • Take a deep breath
  • Retrospective discussion
  • Send-offs