Clearframe Motion
Product films · UI animation · built in code

Your SaaS, explained in fifteen seconds.

I turn one product interaction into a short, storyboarded film for your site, launch posts and ads. Animated in Remotion, delivered in 16:9 and 9:16, with the editable source if you want it.

30 fps1920×10801080×1920H.264 MP4Remotion source
00:00:00:00

Concept demo · fictional product (Mergeboard) · self-initiated work by Clearframe Motion

UI animation · seamless loop

Three micro-interactions, zero jump at the loop.

An 8-second hero loop for a landing page or a LinkedIn post. A setting switches on, the schedule publishes, three people get assigned, and everything eases back to the first frame so it can repeat forever.

8 s · 240 frames1080×10801920×1080Light theme

Concept demo · fictional product (Shiftly) · self-initiated work

Packages · fixed price

Start small. Extend what works.

Every project starts with one interaction and a storyboard you approve before any animation. Prices are for direct work in USD; marketplace listings include the platform's fee.

Product Moment

$229USD
  • 15-second film of one interaction
  • 16:9 and 9:16 versions
  • Storyboard for your approval
  • 1 revision round
5 business days

Launch Kit

$689USD
  • 45–60-second launch film
  • 3 vertical cutdowns
  • 5 ad-hook variants (new first 3 s)
  • Editable Remotion source
14 business days
Extra revision round $69Extra aspect ratio $49Editable source $49Localization, per language $6948 h rush +30%
Process

From one interaction to a finished film.

The delivery clock starts when the storyboard is approved and your assets are in. Payment: 50% to start, 50% before final files, or a funded milestone on Upwork and Contra.

01 · Day 0

Brief

You send product access or screens, brand assets and the one interaction that matters most.

02 · Day 1

Storyboard

Every second planned: on-screen copy, frame ranges, transitions and sound cues. Nothing gets animated until you approve it.

03 · Days 2–4

Build and review

The film is built in code, checked frame by frame at phone size, and sent for your revision round.

04 · Day 5

Delivery

H.264 MP4s in each agreed format, plus the editable Remotion project if it's part of the order.

Before we start

What I need from you

Product
A demo account, a staging link or screenshots of the screens involved.
Brand
Logo (SVG), fonts, colors, and any motion or brand guidelines you already have.
Copy
The approved on-screen text, or a draft I can tighten for you to approve.
The moment
The single interaction a viewer should understand by the end of the film.
Destination
Where it will play (website hero, X, LinkedIn, App Store, paid ads) so the formats match.
Questions

Good to know

Is this made with AI?

The films are written as code in Remotion. I use Claude Code as a development assistant for the implementation; I direct the storyboard and timing and sign off on every review pass. No generated footage of your product, and nothing invented about your results.

What counts as a revision?

Changes inside the approved storyboard: timing, easing, colors, text fixes, swapping a screen for an equivalent one. A new scene, a new message or a different story is a new request, quoted before any work starts.

Can my team edit the film later?

Yes, with the editable source option. You get the Remotion project with copy, colors and timing separated from the animation logic, plus exact install and render commands. Companies over three people that keep rendering it need their own Remotion company license.

Why is the sample a fictional product?

It's a self-initiated concept piece that shows how I handle pacing, interface motion and layouts for both aspect ratios. Your film uses your real product and approved materials.

Can the music and sound be used commercially?

The sound effects are original and synthesized for each project. If you supply music, you confirm you hold the license for it.

Next step

Send the one interaction you want people to understand.

I'll reply with a storyboard outline and a fixed quote.