Back

Learning Commons explainers

How do you explain a complex product in 90 seconds?

Sep to Oct 2026StorytellingMotion design

Context

Learning Commons is CZI's developer platform for K-12 education. Knowledge Graph gives developers connected K-12 education data they can build with. Evaluators help them assess the educational quality of AI-generated content.

Problem

Developers new to the platform struggled to understand what either product does. That understanding eventually comes after a live walkthrough with our partnerships team, but that won't scale.

Approach

I built each video around a use case our partnerships team had seen resonate with prospective developers, grounding the stories in real data and SDK calls.

Three frames from each final cut, with a playhead running under each row. Knowledge Graph, 1:32: the worksheet at 0:07, the graph at 0:30, and access at 1:24. Evaluators, 1:35: the SDK call at 0:24, the rating at 0:48, and the pipeline at 0:56.

I worked with our content writer on scripts and with brand on type, color, and visual patterns. I directed the animation with AI coding agents, then used FigJam to annotate each draft with story, script, and pixel-level visual feedback. Input from product, engineering, and partnerships sharpened each successive iteration.

Impact

The videos went live on October 9. I'll watch play rate, watch-through, and movement into the Quickstarts for early signs that they help new visitors take the next step.

The Knowledge Graph introduction in the Learning Commons docs. Under See how it works, the explainer plays in its slot: a worksheet from a fractions unit connects to Your model and to the standards it teaches. The docs navigation runs down the left.
Back