SYSTEMS / METHOD

Designing the image is only part of the work.

The next question is how the image behaves, adapts and gets used.

From direction to production

  1. 01

    Art direction

    Define the visual tone and editorial hierarchy.

  2. 02

    Graphic grammar

    Turn the direction into repeatable relationships.

  3. 03

    Components

    Identify the objects used in everyday production.

  4. 04

    Motion

    Give each object a coherent entry, hierarchy and exit.

  5. 05

    Logic

    Build responsive behaviour and dependencies.

  6. 06

    Controls

    Expose useful decisions and hide unnecessary complexity.

  7. 07

    Editorial tool

    Package the system for Premiere Pro.

  8. 08

    Production

    Test, refine and deploy with the people who use it.

DEMONSTRATION

A graphic is not always a finished file.

Change the controls. The same object remains coherent while format, emphasis and layout vary.

LIVE PREVIEW16:9

EDITORIAL / 01

A configurable graphic

GRAPHIC / CONTROLS01—08
Layout
Accent

Capability, shown in context

Responsive layout

One component,
two formats.

After Effects expressions · Essential Graphics

Editorial use

Useful choices,
visible controls.

OGE / MOGRT · Premiere Pro integration

Data

Rules and values
can coexist.

Editable charts · Labels · Display toggles