Weeks 13 to 14 · about 8 hours
Module 6: Figma Website
Instructor notes (instructor view only)
- Check share links in a private window before grading.
Build list before this module opens
- Create and caption the video: Your brand to Figma styles and a wireframe (5 minutes, captioned)
Objectives
Module 6 objectives. By the end of this module, you will be able to:
- 6.1 Convert your own brand into Figma color and text styles and wireframe three pages. (Course Competency 3; Apply)
- 6.2 Design a three-page website that applies your own brand consistently across every screen. (Course Competency 5; Create)
Overview
Carry your brand into a three-page website in Figma, built only from styles you define. The same move you made with the Milwaukee brand, now with your own.
Watch
- Your brand to Figma styles and a wireframe (5 minutes, captioned)
- Videos are posted in Canvas before the module opens.
Read
Assessment
- Figma: Your Brand Styles and Wireframe: 10 points, Process Work; due Sun Apr 25 at noon
- Figma: Three-Page Website: 30 points, Projects; due Thu Apr 29 at noon
Critique
Comments name one place the styles hold or break across pages.
Due
- Figma: Your Brand Styles and Wireframe: Discord Sat Apr 24; due Sun Apr 25; hard close Mon Apr 26, all at noon
- Figma: Three-Page Website: Discord Wed Apr 28; due Thu Apr 29; hard close Fri Apr 30, all at noon