VxSure Launch Film

A 60-second launch film for VxSure, a Layer 7 Secure Web Gateway from SafeSquid Labs. It invites companies into the VxSure Founding Partner Beta Program using on-screen text, music and sound, with no voiceover.

I directed it end to end and produced it with Claude Code as my production partner. Every frame is motion graphics built in code from the VxSure design system. Nothing here is text-to-video.

Role
Creative & art direction, AI-assisted production
Built with
Claude CodeRemotion
Format
60 s · 16:9 · no voiceover
Timeline
About 2 days, brief to approved final
Status
Approved launch film
Year
2026
0:00 / 1:00
The brief

Sixty seconds, no voiceover, no screen recordings

The source was a long internal script document. These constraints shaped every decision that followed.

No voiceover

The story had to work with on-screen text, music and sound effects only.

No product recordings

There were no screen captures, so every product screen was designed from the VxSure design system.

Readable on a phone

Most people would watch on mobile, sometimes from a distance, in 16:9.

A premium bar

Two launch films I chose set the standard for motion and sound.

One call to action

No URL existed yet, so the film ends on a single Apply now button.

Scene by scene

Sixty seconds, every moment timed to the music

Select a scene to jump the film to that moment. The scene that is playing stays highlighted.

Approach

From brief to approved final in about two days

Brief on 13 October, final v005 rendered on 14 October. The speed came from the workflow, not from shortcuts.

  1. Step 01

    Research

    I chose two reference launch films, Numtera and Introducing Google Vids. Claude Code broke them down shot by shot: motion, type, colour, music and sound.

  2. Step 02

    Script

    The long internal document became 19 lines of on-screen copy across 11 scenes, each timed to a silence, dip, build or drop.

  3. Step 03

    Music

    I picked the track. It was cut from about 1:54 to 60 seconds with four edits on bar lines, so it sounds uncut.

  4. Step 04

    Build

    Each scene is a React component in Remotion, styled with the design system’s colours, Inter type, radius and shadows.

  5. Step 05

    Review

    I watched and listened to every export and sent notes. Five full versions led to the approved v005.

Craft

The details that make it feel premium

01

Every reveal lands on the music.

The brand arrives on the dip at 0:13.7, the lock opens in the silence at 0:24.5, and the program appears on the drop at 0:46.4.

02

Type built for a phone screen.

With no voiceover, every punch line is four words or fewer. Nothing the viewer must read is under 56 px in the 1080p frame, and headlines are 104 px.

03

Threats shown responsibly.

Real services appear only as normal traffic. Threats use look-alike domains, IPs come from reserved documentation ranges, and people and companies are fictional.

04

Original sound, restrained colour.

All 25 sound effects were synthesized in code, so only the music is licensed. Red appears only at the moment of threat; blue carries the brand.

Iteration

Each note became a visible change

I watched every export and sent art-direction notes; Claude Code applied them and rendered the next version. Five full versions in one afternoon.

  1. Brief set

    “60 seconds, 16:9, no voiceover, readable on a phone, one Apply now button.”

    Oct 13, 2026

    ByMukund Sharma(Director)

  2. Story and timing locked as a text-only animatic

    “Lock the story and timing first.”

    ByMukund Sharma(Director)·Claude Code(Production)

  3. First full buildv001

    Oct 14, 2026 · 13:06

    ByClaude Code(Production)

  4. Mix mastered to −14 LUFS, 16:9 confirmedv001v002

    “It must be 16:9 for mobile, and the audio is clipping.”

    Oct 14, 2026 · 13:10

    ByMukund Sharma(Director)·Claude Code(Production)

  5. Opening rebuilt as a stream of web requests, benefits as glass perk cardsv002v003

    “The opening table looks plain and feels odd. Make the benefits more creative.”

    Oct 14, 2026 · 13:43

    ByMukund Sharma(Director)·Claude Code(Production)

  6. Real domains, highlighter marks and red only for threatsv003v004

    “Replace the placeholder domains. The detection boxes look busy. Too much red.”

    Oct 14, 2026 · 13:52

    ByMukund Sharma(Director)·Claude Code(Production)

  7. Doors-opening reveal for the hookv004v005Final

    “The hook-to-stream handover feels messy.”

    Oct 14, 2026 · 14:00

    ByMukund Sharma(Director)·Claude Code(Production)

  8. Bolder 60 fps exploration, not chosenv006

    “Level up everything.”

    Oct 14, 2026 · 14:42

    ByMukund Sharma(Director)·Claude Code(Production)

  9. v005 approved as the launch filmApproved

    ByThe team

Notes are paraphrased. The inspector scene never changed from v001. It worked the first time.

Key decisions

The direction behind the frames

Claude Code built what I described. These are the calls that decided what got built.

  1. Decision 01

    Lock the story as a text-only animatic first

    The question
    What should be fixed before a single frame is designed?
    Options I weighed
    • Build scenes straight from the script (not chosen)Every timing change would mean rebuilding finished visuals.
    • A text-only animatic, timed to the music (chosen)Story and timing locked while changes are still cheap.
    Why this one
    In a film without voiceover, the music is the narrator. Fixing every reveal to a silence, dip or drop first gave the visuals a structure to serve.
    Trade-off I accepted
    The first real look at the film came later, so early reviews judged rhythm and copy rather than craft.
    How I knew
    Every later note, v001 to v005, changed visuals. None changed the structure.
  2. Decision 02

    Four words or fewer per punch line

    The question
    How do you carry a long security pitch with no voiceover, on a phone?
    Options I weighed
    • Explanatory sentences on screen (not chosen)Accurate, and unreadable at phone size in the time a scene lasts.
    • Short punch lines, nothing under 56 px, headlines at 104 px (chosen)Readable from a distance in a 1080p frame.
    Why this one
    Most people would watch on a phone, sometimes from across a room. Type size and line length were set by that viewing distance, not by how much there was to say.
    Trade-off I accepted
    The long internal document lost most of its detail: it became 19 lines across 11 scenes.
  3. Decision 03

    Red belongs only to the threat

    The question
    How much red can a security film use before it stops meaning anything?
    Options I weighed
    • Red detection boxes throughout (not chosen)Busy, and every frame starts to look alarming.
    • Red only at the moment a request turns into a threat (chosen)Blue carries the brand everywhere else.
    Why this one
    Colour is a signal only when it’s scarce. Holding red back lets each threat land on its beat.
    Trade-off I accepted
    Detection reads through motion and highlighter marks instead of colour, which took a round of rework.
    How I knew
    The v003 → v004 note: “The detection boxes look busy. Too much red.”
  4. Decision 04

    Real services as normal traffic, look-alikes as threats

    The question
    How do you show attacks on screen without making real brands look like attackers?
    Options I weighed
    • Placeholder domains everywhere (not chosen)Safe, but the stream felt fake.
    • Real domains everywhere (not chosen)Convincing, and unfair to the companies shown.
    • Real services only as everyday traffic; threats on look-alike domains (chosen)IPs from reserved documentation ranges; people and companies fictional.
    Why this one
    The opening needed to feel like a real network, and the threats needed to stay fictional. Splitting the two kept the film believable and responsible.
    Trade-off I accepted
    Every domain and IP had to be checked before export.
    How I knew
    The v003 → v004 note: “Replace the placeholder domains.”
How I used AI

I directed. Claude Code built.

I set the brief, picked the references and music, approved the script and art-directed every version. Claude Code turned that direction into code: it wrote the Remotion animation, built the UI from the design system, synthesized the sound effects and rendered each iteration.

Claude Code cannot watch video or hear audio, so every viewing and listening check was mine. Human review was the quality gate.

My Part

Direction
  • Set the brief and every constraint
  • Chose the reference films and the music
  • Approved the script and the call to action
  • Watched every version and gave about 14 art-direction notes

Claude Code (Anthropic)

  • Broke down both reference films into written reports
  • Turned the design system into code tokens and cut the music edit
  • Synthesized 25 original sound effects in code
  • Built every scene in Remotion and rendered each version
The outcome

Approved as the VxSure launch film

v005 was approved at SafeSquid as the launch film for the Founding Partner Beta Program.

60 s
Runtime
1920×1080 at 30 fps, mastered to −14 LUFS
~2 days
Brief to approval
Brief on 13 Oct, final rendered on 14 Oct 2026
5
Full versions
v001 to v005, each reviewed before the next

Credits

Direction
Mukund Sharma
Production
Claude Code (Anthropic)
Motion
Remotion, React, TypeScript
Sound
Licensed music via Pixabay, 25 original SFX
Design
VxSure design system

Key Learnings

01

Lock the story before the pixels

The text-only animatic fixed the timing on the music before any UI existed, so later rounds changed visuals, not structure.

02

Review is the real job

AI can build quickly but cannot watch or listen. The quality came from viewing every export and turning reactions into specific notes.

03

Constraints made it feel premium

No voiceover forced short, large copy. No recordings forced designed UI. Keeping red for threats made each one land.

Next Case Study

VxSure Logo

Concept and creative direction for VxSure's official mark.