Case study

Motion UI/UX

Motion graphics designed like interfaces: systems of type, callouts and data overlays that help audiences take in complex ideas.

What’s here
Brand campaigns and documentary graphics
Approach
Visual system first, then motion
Disciplines
UI/UXInformation DesignTypographyFUI
Motion UI/UX

Overview

Motion design is an information hierarchy, not just decoration. Beyond animation, I design visual frameworks, custom callouts and data overlays that help audiences take in complex ideas.

Whether it’s clean, distraction-free graphics for dense information or expressive UI for abstract ideas, I treat video graphics as user experience: clarity, context and craft in balance.

Minimal & systematic

Graphics that deliver information as efficiently as possible while staying on brand. With dense data, technical breakdowns or live footage, the goal is legibility with zero friction.

Before animating anything, I build the system: grids, type scales, placement and how elements enter and leave.

What matters

  • Placement: flat 2D layouts and 3D-tracked overlays that lock into the plate
  • Restraint: calm easing and deliberate timing that guide the eye without stealing the scene
  • Scale: modular type and callout systems that adapt to any aspect ratio or length

OSIM × Marvel

A custom future-UI system for the high-tech science-lab look of the OSIM × Marvel campaign: bespoke callouts and precise measurement overlays locked into the 3D scene, grounding product features in a cinematic interface.

Documentaries

In documentaries, graphics have to sit inside the plate without losing clarity. Data and numbers become part of the scene, so the facts tell the story from within the world on screen.

Smart Cities 2.0, Songdo
Smart Cities 2.0, Barcelona
Evolve
The Big Q
Metal hydride explainer

Creative & expressive

Abstract topics and long-form content need more than text on screen; they need a bridge. Here information design becomes a storytelling tool, easing audiences into complex subjects without overwhelming them. The aim is the sweet spot between playfulness and readability.

What matters

  • Metaphor: turning abstract ideas, even back-end software architecture, into tactile 3D elements and interface-like graphics
  • Story: motion that matches the mood, sound and pacing of the film
  • Readability first: contrast, comfortable reading time and clear entry points, even in dense, stylised scenes
Lift the Ice