University of Toronto Magazine

publishes ideas from U of T faculty, students, and alumni that tell the stories of Canada’s largest university

I led the product strategy and website design of its first major redesign in ten years.

The result is a responsive, modular design system, powered by WordPress, that puts the ability to create custom index and article pages in the hands of the magazine’s small team.

Mobile Home Page Mobile Home Page Mobile Home Page

Mobile home page

After a series of workshops reconciling the needs of the publication and audience we produced product requirements, a revised information architecture, and publishing strategy to guide how the site would be designed and why.

Sitemap

Sitemap

The editorial team’s small size meant they would need a flexible system of content type modules they could mix and match to curate articles, index and topic pages, or automate them based on taxonomy, giving the user a highly curated experience.

Site Modules

Modular system

Once the content types were settled, we established the visual style in tandem with the redesign of the printed magazine. We used Beaufort for headlines and decks with GT America for functionality and wayfinding, and Tiempos Text as a body typeface for articles.

Cover block

Cover module

Cover Block

Cover module

Typography

Typography

Site Icon

Site icon

Color

Colors

Article Page

Article page

Article Page

Article page

Article Page

Article page

Mobile Article Page Mobile Article Page Mobile Article Page

Mobile article

Navigation

Navigation

U of T Utility pages

Utility Page