Core 1: Interaction

Harmonic Collection


In mathematics, a sequence is defined as a series of numbers arranged in a predictable pattern. It’s a type of number set which follows specific, definite rules. When translated to design, sequencing is a natural part of systems — each individual item has unifying elements that when looked at as a whole, tells a larger story.

In this class you’ll create a Harmonic Collection that explores a theme of your choice. Each week, you’ll design and code an entry into your collection that makes use of the HTML, CSS, and JavaScript skills we’re developing. First, you will pick a theme of your choice (think of it as the overarching concept you’ll explore through a series of sketches). Your theme should be open-ended enough to encourage a range of content, but specific enough to inspire an idea each week for twelve weeks. (Example themes: Your daily commute, solitude, interesting words you came across in articles this week). In the final weeks of the semester, you’ll refine your 11 entries so that they communicate a clear exploration and deliver a website that houses all of them together. You might need to re-organize or add additional content to your container or entries to fully realize your idea.

Minimum Requirements

  • The website and all the entries must be responsive (work on a variety of screen sizes).
  • While each entry will be unique, there should be unifying visual components between them
  • All hyperlinks must be functional
  • You will make use of a combination of HTML, CSS, and JavaScript to communicate a story