☰

Assignment 03 | GD 220-01 | Fall 2018 | 3 CREDITS

We Could Be Heroes

Adapted from an assignment by Mark Sanders

Deliverables
5 HTML / CSS web pages (super power(s), origin story, city of residence, weakness, and arch enemy)
1 Flag / Banner

Problem

From Jung’s common personality archetypes, create the persona and identity of a new superhero that has an opposite personality from yours. Design and build a website that presents the super power(s), origin story, city of residence, weakness, and arch enemy as a non-linear narrative that is unified as a visual system.

Process

Schedule

November 8
Assign: Archetype selection, research and name list (1-3)

November 15
Review work
In-class: Name selection and word mark / emblem design (4), Begin Visual system creation
Assign: Finish Visual system creation and create single-page narratives (5-6)

November 22
No Class, Thanksgiving
Assign: HTML/CSS web page creation.(7)

November 29
Review progress
Assign: HTML/CSS web page creation. (7)

December 6
Assign: Final website and navigation. (8)

December 13
Final Files Due

  1. From the 12 Jungian Archetypes (Explorer, Magician, Rebel, Jester, Lover, Everyman, Caregiver, Ruler, Creator, Innocent, Sage, Hero), choose at least 3 that you DO NOT think describe your personality. For more descriptions of the archetypes, visit This Page
  2. Assign a super power(s), origin story, city of residence, weakness, and arch enemy for a superhero that embodies the combination of these personality types. Research should be in the form of both text and image.
  3. From careful consideration of all your research, generate a list of names for your superhero. For samples of superhero names, visit This Page .
  4. Select one name from this list. Design a word mark and emblem that conveys your superhero’s name and identity, paying close attention to how color and symbol reinforce communication.
  5. Create a visual system utilizing attributes of the word mark and emblem to unify a website. Consider how navigation is a component of this system.
  6. Synthesize each aspect of your research (super power(s), origin story, city of residence, weakness, and arch enemy) into their own cohesive 1-page narrative.
  7. Create an HTML/CSS web page for each aspect of your research that visually / verbally presents the individual narratives. Be sure to utilize components of your visual system to unify each page. Collectively, each page will form a website that tells the story of your superhero.
  8. Link all pages together via navigation menu. Create an interaction for each link that provides feedback when hovered and clicked.
  9. Create a Flag / banner to be displayed on a homepage of the website that tells the story of all the class’ superheroes.

Constraints