Contact
Masonry grid of Haskayne School of Business content cards mixing social posts, video thumbnails, a 'Dean's Message' portrait, and a '1.3 billion in equity value' stat.

University of Calgary · 2021 Annual Report

A Year of Transformation

For their 2021 Annual Report, Haskayne School of Business’s team approached us with a challenge: they wanted to find a way to deliver their year-end story in a format that stakeholders would explore, not just skim.

Three overlapping UI cards: a testimonial about Upgrader, a photo card reading 'Growing our program, growing our school,' and a stats card showing '95'.
Masonry grid of Haskayne School of Business content cards mixing social posts, video thumbnails, a 'Dean's Message' portrait, and a '1.3 billion in equity value' stat.

The volume of information wasn't an issue, as Haskayne’s content was well-organized and high quality. Working with the Haskayne team, we built their 2021 Annual Report as a web-based experience organized around a gallery-style layout, where content lives in discrete, visually distinct cards rather than continuous scrolling prose. Readers get an overview of the full report at a glance, then move into whichever areas are relevant to them. The structure respects that faculty members and prospective donors aren’t reading the report for the same reasons.

Grid of twelve flat-illustration cow-face avatar icons wearing various glasses and sunglasses, each on a brightly colored circular background.
Mobile interface showing a smiling woman in a red shirt with glasses framed by black brushstrokes, an 'ONLINE' cow badge, and a 'Computer Lab in Mathison Hall' label.
Two green digital award cards reading '2021 Management Alumni Excellence Award Recipient' and naming Eleanor Chiu, BComm '85, Chief Financial Officer, Trico Group.

To keep the card-based experience from getting repetitive, we developed several card types, each suited to a different kind of content, including an interactive illustration card and a scratch-card mechanic that rewarded readers who engaged with it. Each type was designed to match the nature of its content, so the form and content stayed in step with each other throughout.

Typography, color, and layout were held closely to Haskayne's brand standards, though each card type retained its own visual character within that system.

The site launched in 2021, and served as a great example of reporting conveyed with coherence, without appearing too flat.

Details

Year
2022
Work
Editorial design, Web design, Web development, Interaction design

More for University of Calgary

Up next