CASE STUDY / CODEX × MOTIONAGENT
A complete 19-second product film—rebuilt scene by scene with MotionAgent.
Name the problem before showing the tool. Let the interface transform continuously. Make the waiting feel real, then sign the result with MotionAgent.
WHY IT’S BUILT THIS WAY
The film does not open with branding. It opens with the viewer’s unfinished thought: “Are you looking to build something?” Only after the question is named does Codex get to answer it.
The mark does not cut to an interface. It physically becomes the interface. That one morph turns a logo reveal into a product explanation without adding another sentence.
The request is specific, references are attached, and the thinking state gets real screen time. Those choices make the result feel earned instead of magically generated.
Every transition is causal: question becomes answer, mark becomes prompt, prompt becomes process, process becomes proof. That is the direction layer MotionAgent adds.
SCENE BY SCENE
Eleven instructions. One continuous argument. Every preview below is the exact segment produced by that decision.
Start inside the viewer’s head. No logo, product name, or feature list yet.
DIRECTOR INSTRUCTIONOn white, drop “Are you” diagonally from the upper right, word by word. Center the phrase, then slide it left and fade it out.
Repeat the motion once so the opening reads as a deliberate visual sentence.
DIRECTOR INSTRUCTIONFresh white beat. Use the same diagonal word entrance for “looking to build something,” then slide the whole line left and clear the frame.
The tool arrives as a resolved shape, not a logo pasted onto the edit.
DIRECTOR INSTRUCTIONCut to charcoal. Fly thirty dots outward into a ring, fill the ring into a white disc, then spring the Codex mark into its center.
The headline confirms what the mark already implied. Cause first, explanation second.
DIRECTOR INSTRUCTIONContinue on charcoal. Shrink the Codex disc, shift it left, and drop in “Codex will help you” word by word as one centered lockup.
The film stops describing the product and becomes the product.
DIRECTOR INSTRUCTIONFade the headline. Morph the disc into a wide translucent prompt pill with plus, placeholder, mic, and send controls. Keep it compact and centered.
Specificity makes a demo feel like evidence instead of a generic AI promise.
DIRECTOR INSTRUCTIONType a real fitness landing-page request into the pill. Mention attached references and avoiding AI slop; expand the field as the text wraps.
The attachments establish real source material; the flash makes the send feel decisive.
DIRECTOR INSTRUCTIONPop three reference cards above the prompt. Pulse the send control in the final beat and flash the entire frame from charcoal to white.
Nearly a quarter of the film is allowed to think. Instant output would look fake.
DIRECTOR INSTRUCTIONOn white, stage Thinking, Looking References, and Crafting Design. Morph two cards into three, then into one landscape result card as the active status changes.
The payoff uses a familiar completion surface: preview, elapsed work, edit summary, and file delta.
DIRECTOR INSTRUCTIONExpand the result into a large design card. Under it, reveal a Codex completion panel with elapsed time, four changes, created files, and line counts.
Blank space resets the eye so the closing partnership can land with weight.
DIRECTOR INSTRUCTIONClear the completion UI to white. Spring the Codex mark into the exact center with a subtle settling overshoot.
The ending makes the product relationship unmistakable: Codex executes; MotionAgent directs motion.
DIRECTOR INSTRUCTIONShift Codex left, pop the MotionAgent mark in beside it at equal visual weight, then rise “Made using MotionAgent” underneath the lockup.
THE DIFFERENCE IS DIRECTION