Back
Scroll
Motion · Branding · 2025

Every Frame
Has a Job.

A self-promotional motion identity — 30 seconds that compress a creative philosophy into rhythm, type, and movement. Not just a showreel. A statement.

Client
Vitor Salvador
Year
2025
Category
Motion Identity
My Role
Direction, Animation & Edit
Tools
After Effects, Premiere Pro
Duration
0:30

The Challenge

A self-promotion piece is one of the hardest briefs there is — no client to satisfy, no guardrails, no excuse. The challenge was to compress a creative practice into 30 seconds without turning it into a highlight reel. Every second had to do something. Every frame had to earn its place.

The Solution

A motion manifesto structured like a poem — each scene a stanza, each cut a line break. The visual language mixes editorial typography with raw energy: a neon accent against deep black, serif meets bold grotesque, static tension releases into kinetic rhythm. The throughline is a single idea: motion design isn't decoration. It's strategy in motion.

The Process

The piece was built around a narrative arc — from hook to identity reveal, from philosophical statement to process transparency, closing with a direct invitation to collaborate. Timing was choreographed to match the editing rhythm, with each section landing harder than the last. The After Effects timeline became part of the visual language itself.

"Visuals that move.
Results that stay."
— Brand positioning line, developed throughout this piece
Scene 01

The Hook

An opening line designed to stop the scroll — "Has a Job." — with the word "Job" punching in chartreuse against pure black. The typography appears through a timed reveal, building suspense before the full sentence lands. The long hold after gives the viewer a beat to process. It's the oldest storytelling rule: make them lean in before you show your hand.

kinetic type reveal animation cormorant garamond color contrast
Scene 02

Identity Reveal

The cut from black to full neon-lime is a deliberate shock — the designer behind the frame steps forward. The portrait is flanked by dual titles: "Motion Designer" and "Creative Director," establishing the dual nature of the practice from the first second. The dotted grid in the background creates depth without competing. The entire frame reads in under one second.

editorial layout brand identity high contrast cut portrait framing
Scene 03

The Manifesto

"The anatomy of visual impact." — a sentence that earns its weight. The words arrive in sequence, with the accent color landing on "anatomy" and "impact" — the two ideas that anchor the whole piece. Mixed-weight typography (light serif body, bold accent) creates visual hierarchy without needing separate elements. The composition breathes.

staggered type mixed weight color emphasis manifesto copy
Scene 04

Build · Move · Frame · Rhythm

The most layered frame in the piece. Massive display type in neon fills the frame while two inset images break through — a real After Effects timeline on screen, and a portfolio layout in progress. It's a window into the craft: the tools are visible, the output is visible, and the words name the four verbs that drive the practice. No metaphor needed — this is exactly what the work looks like.

display type composite layout behind-the-scenes After Effects
Scene 05

Selected Work

A brief but deliberate cut to the portfolio interface — "SELECTED WORK / SHOWREEL" in editorial type over a light dotted grid. The contrast with the dark scenes before it snaps the viewer to attention. It's the proof point after the manifesto: the claim is backed by real work. The design of the portfolio UI itself becomes part of the argument for the designer's craft.

editorial UI portfolio preview light / dark contrast dot grid
Scene 06

The Timeline as Art

The After Effects timeline is abstracted into pure motion — colored bars sliding in staggered rhythm, diamond keyframe markers moving like notation. It's a love letter to the craft: the tool itself becomes the visual. The chartreuse and white bars against the dark horizontal stripes create a syncopated, rhythmic quality that mirrors the editing process it depicts.

abstract motion timeline metaphor stagger animation kinetic design
Scene 07

The Skills Cascade

A vertical word scroll cycles through the full scope of the practice — Story, Sequence, Animation, Design, Direction, Create — with "Editing" highlighted in neon at center. The scroll gives weight to each discipline without lingering. The technique mirrors the content: a fluid sequence of distinct skills moving as one. Timing is tight. Nothing overstays its welcome.

vertical scroll word animation skills reveal rhythm editing
Scene 08

Design That Creates Direction

The brand positioning statement — "Design That Creates Direction" — anchors the penultimate scene, with the VS logo and full name establishing authorship. A bold neon arrow sweeps up from the lower right, combining the abstract promise (direction) with a literal visual cue. "Visuals that move. Results that stay." closes it — the tagline earning its weight after everything the viewer has just seen.

brand positioning arrow animation logo reveal tagline
Scene 09

The Invitation

A single glowing button — "Create New Project" — centered in black, with a neon halo that breathes. No text, no pitch, no explanation. The piece has done its work. The only thing left is the next step. The glow is soft, the type is elegant, and the pause before the loop is long enough that it never feels rushed. This is what the whole 30 seconds was building toward.

CTA animation neon glow loop ending UI motion
Like what you see?

Let's build something
worth watching

Start a Project