About the Site

Interactive Media Web is an undergraduate design elective course at OCAD University in Toronto, Canada. This website is for students who are actively participating in the course but it’s also for anyone that’s curious about the World Wide Web as a creative medium. Take a look around and leave your mark along the way!

About the Instructor

Peter Ha is a co-founder of Equal Parts Studio, a Toronto-based contemporary graphic design practice. Their process is founded on curiosity and finding the joy and playfulness in every project. Since 2021, he has been teaching design process, information design and interactive media at OCAD U.

Credits

Original syllabus by Ali S. Qadeer
Design and Development by Peter Ha
Built using Static Website Template by Vincent Will
Typeset in Inconsolata and Xanh Mono

Typographic Event Page

Poster

Select one of the content packages provided and design an announcement for the event. Think of it as an online poster or landing page.

Consider the form, hierarchy, and structure of the page, and how the link(s) on the page relate to the given theme. You must use at least one HTML file. Consider separating content across multiple pages if needed, or directing visitors to a external site for further information.

Take note of the text content being presented in relation to the form, typography and navigation of the site.

Content Packages

Must Haves

Objective

To design a purely engaging typographic web page and to start developing your skills with the range of typographic tools available in CSS.

Project Schedule

Sept 20 Project kickoff
Sept 27 Prototype critique
Oct 4 Project due

Deliverables

  1. Event page viewable via URL.
  2. Documented process viewable via URL. Must be a different URL from event page. Here's a template to get you started.
  3. Project files: HTML and CSS.

Notes

Images are not allowed on the page.

JavaScript can be added to further develop a concept if needed. It is not a requirement but is an optional component as we look at its uses in further classes.

You can make a ton of changes with JUST CSS.