Adbusters' Corporate American Flag (2023)
Reimagine a corporate message using critical web design.
Learning Objectives
Students who complete this assignment will be able to:
- Compare Dunne and Raby's A/B columns e.g. critical design vs. commercial design
- Identify aspects of an organization's brand and identity including logo, wordmark, and logo lockup.
- Design a web page in Figma
- Demonstrate how to use @font-face and online type services like Google Fonts to style text in a web page.
- Implement a click event listener in Javascript.
Preparation
Complete the following to prepare for this assignment:
- Chapter 3 of Critical Web Design
- Course content listed on the schedule
Rubric
See Moodle.Fork this repository and clone it to your machine.
- Critical Web Design Chapter 3 examples: Monopoly and Time
- First Things First Manifesto 1960 and 2020
- Adbusters collection of spoof ads
- stupidhackathon.com (2015) organized by Sam Lavigne & Amelia Winger-Bearskin
- Safebook (2018) by Ben Grosser
- unfitbits.com (2015) by Tega Brain and Surya Mattu
- adnauseam.io
- add-art (2011) by Steve Lambert, et al
- termsandconditions.game
Follow the prompt in Chapter 3 of Critical Web Design to create a design that unbrands a corporate identity.
Follow the prompt in Chapter 3 of Critical Web Design to:
- Code your design in HTML/CSS/JS
- Use @font-face or an online font service to match the identity
- Use Javascript
mouseover
and/or CSS:hover
to add interactivity to the page - Write a short statement explaining your motivation and intentions. Log it, as well as any sources you used in your research about the company, to the console using
console.log()
- Save and refresh your work in the browser often to see your changes.
- Commit changes regularly.
- Confirm valid HTML and CSS (?)
- When finished, push, publish, and post all deliverables to Moodle per documentation in the Assignments.
- Course references HTML, CSS, and JS
- Mozilla Developer Guides