motion & video

Show the product in motion.

Launch videos, explainers, and UI animation that show your product doing its job in seconds.

Proofs

Watch, don't read.

Launch films, UI animation, and the cutdowns that ran alongside them.

Proofs

Watch, don't read.

Launch films, UI animation, and the cutdowns that ran alongside them.

A clearer brand with 2ร— more engagement

SaaS

AI

Framer

A clearer brand with 2ร— more engagement

SaaS

AI

Framer

motion foundations

What makes a video get watched.

Six rules we don't break, whatever the length.

motion foundations

What makes a video get watched.

Six rules we don't break, whatever the length.

Hook by second three

Feeds are ruthless. The first beat earns the rest.

Hook by second three

Feeds are ruthless. The first beat earns the rest.

Hook by second three

Feeds are ruthless. The first beat earns the rest.

Show real UI

Abstract shapes don't sell software. The product does.

Show real UI

Abstract shapes don't sell software. The product does.

Show real UI

Abstract shapes don't sell software. The product does.

Brand in motion

A muted clip should still be unmistakably yours.

Brand in motion

A muted clip should still be unmistakably yours.

Brand in motion

A muted clip should still be unmistakably yours.

Made for the platform

A homepage hero and a LinkedIn ad are different jobs and different lengths.

Made for the platform

A homepage hero and a LinkedIn ad are different jobs and different lengths.

Made for the platform

A homepage hero and a LinkedIn ad are different jobs and different lengths.

Sound is half of it

Timing and audio carry feel. We treat them as design.

Sound is half of it

Timing and audio carry feel. We treat them as design.

Sound is half of it

Timing and audio carry feel. We treat them as design.

Cutdowns built in

Every master ships with the versions you'll actually post.

Cutdowns built in

Every master ships with the versions you'll actually post.

Cutdowns built in

Every master ships with the versions you'll actually post.

process

Script to final cut.

Six steps. Nothing gets animated before the message is locked.

process

Script to final cut.

Six steps. Nothing gets animated before the message is locked.

The message, the beats, and the seconds each beat gets.

Script

Script

Beat sheet with timings

Beat sheet with timings

Reference and tone

Reference and tone

Length per platform

Length per platform

Visuals that define the aesthetic before the animation begins.

Visual concepts

Visual concepts

Typography and color palette

Typography and color palette

Animation style

Animation style

Finalized design

Finalized design

Stills that lock the look before animation starts.

Style frames

Style frames

Type and color treatment

Type and color treatment

Motion direction

Motion direction

Approved look

Approved look

The animation process, featuring progress updates shared via Slack.

Animatic

Animatic

UI capture or rebuild

UI capture or rebuild

Full animation

Full animation

Progress clips mid-flight

Progress clips mid-flight

Music, pacing tuned to the platform.

Music selection and licence

Music selection and licence

Sound design pass

Sound design pass

Voiceover where scripted

Voiceover where scripted

Final mix

Final mix

Master file plus the cuts your channels actually need.

Master, 16:9

Platform cuts, 1:1 and 9:16

30s and 15s versions

GIF or Lottie where useful

Source files

Why choose Rubik

Product motion, not stock motion.

Most software videos animate shapes because animating the real product is harder.

Why choose Rubik

Product motion, not stock motion.

Most software videos animate shapes because animating the real product is harder.

We animate your real UI.

Clean captures or a Figma rebuild, whichever reads better on screen. Abstract shapes don't sell software.

We animate your real UI.

Clean captures or a Figma rebuild, whichever reads better on screen. Abstract shapes don't sell software.

Script before style frames.

The message gets locked while it's a document, not while it's a 200-layer file.

Script before style frames.

The message gets locked while it's a document, not while it's a 200-layer file.

Sound treated as design.

Timing and audio carry half the feel, so they get the same attention as the visuals.

Sound treated as design.

Timing and audio carry half the feel, so they get the same attention as the visuals.

Cutdowns built in.

Every master ships with the versions you'll actually post, not just the hero film.

Cutdowns built in.

Every master ships with the versions you'll actually post, not just the hero film.

Files your team can reuse.

Lottie, GIF, and source files handed over, so the site and the product can use the animation without a new project.

Files your team can reuse.

Lottie, GIF, and source files handed over, so the site and the product can use the animation without a new project.

engagement

Pick your scope

Three ways in, depending on whether you need a film or a feed.

engagement

Pick your scope

Three ways in, depending on whether you need a film or a feed.

Launch video

For one launch, one film, one date.

Product launch, funding announcement, conference

Script to master

Style frames

Full animation and sound

Every platform cut

Source files

Launch video

For one launch, one film, one date.

Product launch, funding announcement, conference

Script to master

Style frames

Full animation and sound

Every platform cut

Source files

Motion pack

For a site or product that needs motion, not a film.

New site launching, product UI feeling static

UI micro-interactions

Scroll and hero motion

Lottie and Rive files

Feature loops for the site

Handoff to your build

Motion pack

For a site or product that needs motion, not a film.

New site launching, product UI feeling static

UI micro-interactions

Scroll and hero motion

Lottie and Rive files

Feature loops for the site

Handoff to your build

Motion pack

For a site or product that needs motion, not a film.

New site launching, product UI feeling static

UI micro-interactions

Scroll and hero motion

Lottie and Rive files

Feature loops for the site

Handoff to your build

Ship more without hiring more.

Popular

Popular

Full Stack Design Team

A senior team assembled and ready to plug into your team.

$50k+ / year savings

Replace 3-5 hires

Dedicated design team

All senior designers

Unlimited requests

Websites + Apps + SaaS

Pitch decks + Marketing collateral

Motion + Launch videos

No-code development

Design director

Project manager

Daily update & weekly report

Async + Slack

Scale up or down any time

Helped our clients raise $20M+

Confused?

Not sure which? We'll tell you on the call.

Tool stack

Different stack. Same level polish.

We choose the stack around the project, your team, and what the site needs to support after launch.

Tool stack

Different stack. Same level polish.

We choose the stack around the project, your team, and what the site needs to support after launch.

Figma

Adobe CC

HotJar

PostHog

Google Analytics

Bing Webmaster

Framer

Webflow

Rive

Adobe AE

Jitter

Lottie

Slack

Loom

Notion

ClickUp

Trello

Typeform

Lovable

Cursor

Bolt

Claude

ChatGPT

MidJourney

Lummi

Zapier

Other service

Have more than a brand guidelines on the roadmap?

Share what your team needs next, and weโ€™ll shape the right setup around it.

Other service

Have more than a brand guidelines on the roadmap?

Share what your team needs next, and weโ€™ll shape the right setup around it.

MVP & Product Design

Shape products users understand, trust, and know how to use.

MVP & Product Design

Shape products users understand, trust, and know how to use.

MVP & Product Design

Shape products users understand, trust, and know how to use.

No-code Development

Launch polished websites and MVPs without a long dev cycle.

No-code Development

Launch polished websites and MVPs without a long dev cycle.

No-code Development

Launch polished websites and MVPs without a long dev cycle.

Website Design

Turn your website into a clearer, stronger path to conversion.

Website Design

Turn your website into a clearer, stronger path to conversion.

Website Design

Turn your website into a clearer, stronger path to conversion.

Framer Development

Turn great designs into fast, scalable Framer websites.

Framer Development

Turn great designs into fast, scalable Framer websites.

Framer Development

Turn great designs into fast, scalable Framer websites.

GTM & Marketing

Give every launch and campaign the design it needs to perform.

GTM & Marketing

Give every launch and campaign the design it needs to perform.

GTM & Marketing

Give every launch and campaign the design it needs to perform.

Motion & Launch Video

Make products easier to understand and launches harder to ignore.

Motion & Launch Video

Make products easier to understand and launches harder to ignore.

Motion & Launch Video

Make products easier to understand and launches harder to ignore.

faq

Asked on almost every call.

faq

Asked on almost every call.

Have more questions?

Book a free strategy call with our founder.

What kind of motion work do you do?

Launch films, product explainers and demos, UI animation and micro-interactions, and the social cutdowns that run alongside them.

What kind of motion work do you do?

Launch films, product explainers and demos, UI animation and micro-interactions, and the social cutdowns that run alongside them.

How long does a launch video take?

How long does a launch video take?

Do we need a finished product to film?

Do we need a finished product to film?

Do you write the script?

Do you write the script?

What formats do we get?

What formats do we get?

Can the animation run on our website?

Can the animation run on our website?

Do you do 3D?

Do you do 3D?

Do you use AI in motion work?

Do you use AI in motion work?

How many revision rounds?

How many revision rounds?