University of Calgary
University of Calgary

University of Calgary

Amplifying academic excellence through digital storytelling

Since 2021

  1. Alberta Post-Secondary Global Learning Toolkit

    2025–2026

    Creating a shared resource for international learning

    The Office of Global Learning at the University of Calgary needed to share a substantial library of training modules, structured curricula, and best practices with international education staff at institutions across Alberta. Their team approached Built by Field, needing to build this resource without creating a maintenance burden, locking the project into expensive third-party subscriptions, or building something that felt like it belonged exclusively to one university.

    Together, we built the Alberta Post-Secondary Global Learning Toolkit, a gated resource hub with a public-facing landing page, designed to serve the province's post-secondary community.

    The UCalgary team needed to own and edit this site themselves without needing a developer for routine updates, so we considered this carefully while determining the tech stack. We landed on Payload CMS paired with Next.js and Cloudflare for the services’ durability and ease of integration, giving us robust authentication without having to route user access through external identity services. This kept the architecture straightforward and the ongoing costs low.

    The gated interior pages organize content in a chapter-based system, giving the UCalgary team flexibility to create pages using a powerful rich text system, along with the flexibility to reorganize pages between sections as the toolkit grows and evolves.

    On the design side, UCalgary’s team requested that things be clean with minimal animation, and no institutional allegiance, so we developed a neutral visual identity. This makes it clear that the platform is for use by Alberta's post-secondary institutions collectively, not just by the institution that created it.

    Built by Field was a pleasure to work with on the Alberta Post‑Secondary Global Learning Toolkit. They were able to anticipate project needs, listened to the team, and were highly responsive, providing—on a more compressed timeline than anticipated—a creative, beautifully designed, user‑friendly, and accessible platform for our learning materials.

    Cheryl Dueck

    Professor, University of Calgary

    Midway through the project, the scope expanded to include supplementary digital document templates and printable infographics that carry the toolkit's visual language into offline and print contexts. The design system created for the website extended naturally into those formats.

    The site’s flexible rich text editing system made it possible for the UCalgary team to populate a high volume of content in a short window, so when the site soft-launched in January 2026, the toolkit was already packed with material that Albertan institutions could immediately put to use.

  2. UCeed website

    2021

    Driving innovation through venture backed initiatives with UCeed

    The University of Calgary's UCeed initiative is a venture capital program backed by philanthropic funding, providing venture capital to startups through early-stage investment funds. Explaining this unique funding model to prospective investors and fund contributors isn’t straightforward, so Built by Field was brought in to design and build a website to communicate the value of this work.

    UCeed website landing page headlined 'Strategic venture philanthropy with real-world impact,' with a collage of colorful hexagons and photos beside a vertical 'Welcome' label.
    MacBook Pro resting on the floor beneath a chair, displaying the UCeed website's 'The UCeed Difference' page with a photo of a gloved researcher at a microscope.
    Mobile University of Calgary page titled 'Social Impact Advisors' showing a photo of Brad Zumwalt, captioned 'President, Zinc Ventures'.

    We needed to take prospective donors through UCeed’s story in sequence, so we structured the site to mirror that conversation. Content is organized into chapters, each developing one part of the UCeed proposition before moving onward. The pacing moves visitors through the initiative's purpose, its mechanism, and its outcomes in an order that earns comprehension before asking for commitment.

    iPhone on a dark table beside a yellow lamp, showing a University of Calgary page headlined 'Strategic venture philanthropy with real-world impact' with a hexagon photo collage.
    Storyboard layout of five theme cards labeled Introduction, About, Pillars, Experience, and Ecosystem above chapter notes Intro, What, and Why, for a UCeed website.

    Prismic was selected as the CMS, giving the University of Calgary's team direct control over content as the portfolio grows and the story evolves without requiring development work each time a change needs to be made.

    UCeed’s site tells the story of a program that provides startups with capital, equipment, and expert access, a story that can be hard to tell in a cohesive way, and it makes the story legible and engaging.

  3. 2020 Annual Report

    2021

    Community Report

    University of Calgary Haskayne School of Business mobile report titled '2020 Community Report: Ground breaking,' with a construction-themed illustration.
    Mobile navigation menu for University of Calgary Haskayne School of Business, listing chapters 'Home,' 'Expansion,' and 'Learning' with colored icons.
    Mobile web page for the University of Calgary Haskayne School of Business featuring an article titled 'Breaking ground in entrepreneurial learning'.
    University of Calgary Haskayne School of Business 2020 Community Report page headlined 'the impact on business education has been monumental,' with pink, yellow, and green stat shapes showing 1,181 alumni and $21M in gifts.
  4. 2021 Annual Report

    2022–Now

    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.

Up next