Teaching UX design visually is difficult because most UX concepts are invisible until someone experiences them. At Designlab, I helped transform abstract topics like usability testing, research synthesis, and interaction design into a motion system students could actually follow and retain.
Designlab
Instructional Motion Graphics
Intro
My Role
Senior communication designer leading art direction, storyboarding, motion design, and visual systems across 30+ educational videos.
Process
The visual language balanced credibility with accessibility. White outline illustrations sat on electric blue backgrounds, with amber used sparingly to guide attention. Motion remained deliberately restrained: smooth transitions, kinetic typography, and icon reveals designed to support comprehension rather than compete with it. Consistency became essential across such a large video library. Shared grids, pacing systems, iconography, and motion rules helped students build familiarity over time.
Why It Mattered
Educational motion graphics succeed only if people genuinely understand the material afterward. These videos became a core part of Designlab’s UX curriculum used by thousands of students entering the industry for the first time.
Tutorial video example 1:
How-to Guide example:
Tutorial video example 2:
Tutorial video example 3:
Example still from tutorial videos:
Icon animation still from How-to Guide:
Example still from tutorial videos:
Storyboard example:
Creative Director: Igor Dinuzzi
Copywriter: Tim Moore, David Sherwin
Art Director, Motion & Graphic Design: Igor Dinuzzi