Course Calendar
COURSE WEEK ::
Week 01 | Course Orientation / Elements of Web Design
Tuesday :: 01.07.2025
Welcome | Course Introduction & Welcome Review of Course Syllabus and Calendar |
Lecture | The Elements of User Experience |
Reading | Meet the Elements (Jesse James Garrett) |
Thursday :: 01.09.2025
Lecture | The Elements of Web Design |
Project | Introduction to Silver Creek Soap Company Website Design Project |
Lab | Competitor Website Research |
Reading | Web Design Concepts for Non-web Designers |
Resources | Project: Silver Creek Soap Company Website Design Lab: 01 Competitor Website Research |
Week 02 | User-Centered Design / Figma
Tuesday :: 01.14.2025
Lecture | Understanding User-Centered Design: Research, Personas, Task Flows, & Wireframes |
Lab | Creating Personas, Task Flows, & Wireframes |
Resources | Class Notes: Personas, Task Flows & Wireframes Lab: 02 Creating Personas, Task Flows, & Wireframes |
Thursday :: 01.16.2025
Lecture | Introduction to
Figma: Functionality, concepts & interface. Working with Tools, Frames & Components in Figma |
Resources | Class Notes: Introduction to Figma Design |
Week 03 | Figma / Medium of the Web
Tuesday :: 01.21.2025
Design Lab | Working with Frames & Assets in Figma |
Resources | Design Lab: 03 Working with Frames & Assets in Figma |
Thursday :: 01.23.2025
Lecture | The Medium of Web Design: Features & limitations of designing for the browser. |
Video | Co-Design, Not Redesign (Kevin M. Hoffman) |
Resources | Class Notes: Understanding the Medium of Web Design |
Week 04 | Web Typography
Tuesday :: 01.28.2025
Due | Silver Creek Soap Company Website Design Project Round One |
Critique | Group Critique of Silver Creek Soap Company Website Design Project |
Thursday :: 01.30.2025
Lecture | Web Typography: Fonts, Type Sizing, & Recommendations |
Lab | Setting Web Typography |
Project | Introduction to Escape Fiction Website Redesign Project |
Video | On Web Typography (Jason Santa Maria) How to Choose a Typeface (Pimp My Type) |
Reading | Refactoring UI (Adam Wathan) Ordering Disorder: Grid Principles for Web Design: Process (Khoi Vinh) |
Resources | Class Notes: Web Typography: Fonts, Type Sizing, & Recommendations Project: Escape Fiction Website Redesign |
Week 05 | Grids
Tuesday :: 02.04.2025
Due | Silver Creek Soap Company Website Design Project Final |
Lecture | Grids in Web Design |
Lab | Revealing Grids in Web Design |
Reading | Directing Grids (Excerpt from Art Direction for the Web by Andy Clarke) |
Resources | Class Notes: CSS Grid Systems & Design Resources Lab: 05 Revealing Grids in Web Design |
Thursday :: 02.06.2025
Design Lab | Home Page Grid Variations |
Resources | Design Lab: 06 Home Page Grid Variations Figma Project |
Week 06 | Prototyping
Tuesday :: 02.11.2025
Lecture | Prototype, Preview, & Dev Modes in Figma |
Lab | Practice with Prototype Mode |
Reading | Interface and Interaction Design (Jennifer Flemming) |
Resources | Class Notes: Prototype, Preview, & Dev Modes in Figma Lab: 07 Practice with Prototype Mode |
Thursday :: 02.13.2025No Class — Snow Day
Week 07 | Escape Fiction Project
Tuesday :: 02.18.2025No Class — Instructor Out
Thursday :: 02.20.2025
Due | Escape Fiction Website Redesign Project Round One |
Critique | Group Critique of Escape Fiction Website Redesign Project |
Week 08 | Web Navigation
Tuesday :: 02.25.2025
Due | Escape Fiction Website Redesign Final |
Lecture | Elements of Web Navigation |
Project | Introduction to Oregon Bike Shop Website Redesign Project |
Podcast | UX: Design For Space, Parking, Fly Fishing And The World (State of Wonder) |
Resources | Class Notes: Elements of Web Navigation Project: Oregon Bike Shop Website Redesign |
Thursday :: 02.27.2025
Lecture | More on the Elements of Web Navigation |
Lab | Analyzing Website Navigation Effectiveness |
Resources | Lab: 08 Analyzing Website Navigation Effectiveness |
Week 09 | Mobile / Usability
Tuesday :: 03.04.2025
Demo | Designing for Mobile in Figma |
Lab | Comparing Desktop & Mobile Web Designs |
Resources | Lab: 09 Comparing Desktop & Mobile Web Designs |
Thursday :: 03.06.2025
Due | Strategy Phase Components of Oregon Bike Shop Website Redesign Project |
Lecture | Usability Testing: Methods & Practices. |
Lab | Performing Basic Usability Testing |
Resources | Class Notes: Usability Testing: Methods & Practices Lab: 10 Performing Basic Usability Testing |
Week 10 | Final Project
Tuesday :: 03.11.202
Due | Oregon Bike Shop Website Redesign Round One |
Critique | Group Critique of Round One of Oregon Bike Shop Website Redesign Project |
Thursday :: 03.13.2025
Project | In-class time to work on Oregon Bike Shop Website Redesign Project |
Week 11 | Finals Week
Tuesday :: 03.18.2025 @ 10:00 AM
Due | Final Version of Oregon Bike Shop Website Redesign Project |
Presentations | Oregon Bike Shop Website Redesign Project |