Notes on product video. What we’ve learned turning websites into films.

Notes on product video. What we’ve learned turning websites into films.

Notes on product video. What we’ve learned turning websites into films.

Short essays on the half minute at the top of your homepage: how to make a product video, what one costs, six real examples taken apart line by line, and why it has to work on mute.

All essays

All essays

Bubble example film: “Prompt or edit visually to customize everything” over Bubble’s editor

How to make a SaaS product video, step by step

A step-by-step guide to making a 30-to-60-second product video for a software company: the words, the shots, the timing, the shapes and the embed.

Sep 26, 2026

Bubble example film: “Prompt or edit visually to customize everything” over Bubble’s editor

How to make a SaaS product video, step by step

A step-by-step guide to making a 30-to-60-second product video for a software company: the words, the shots, the timing, the shapes and the embed.

Sep 26, 2026

Six frames from six example product films: Stripe, Checkout Page, Notion, Bubble, PostHog and Framer

SaaS product video examples, taken apart shot by shot

Six product films made from six SaaS websites: every line, the page it came from, and what’s on screen under it. What the six share, and why.

Sep 26, 2026

Six frames from six example product films: Stripe, Checkout Page, Notion, Bubble, PostHog and Framer

SaaS product video examples, taken apart shot by shot

Six product films made from six SaaS websites: every line, the page it came from, and what’s on screen under it. What the six share, and why.

Sep 26, 2026

Checkout Page example film: “One platform for everything you sell” over three checkouts

How much does a product video cost?

From about $200 on Fiverr to $45,000 at a top studio. The published prices, what the surveys really measure, and where the money goes.

Sep 26, 2026

Checkout Page example film: “One platform for everything you sell” over three checkouts

How much does a product video cost?

From about $200 on Fiverr to $45,000 at a top studio. The published prices, what the surveys really measure, and where the money goes.

Sep 26, 2026

Notion example film: “Where teams and agents Think together” over a task board

Types of product videos, and which one you need first

Showcase, explainer, demo, tutorial, launch, ad and customer story: who each kind of product video is for, how long it runs, and where it belongs.

Sep 26, 2026

Notion example film: “Where teams and agents Think together” over a task board

Types of product videos, and which one you need first

Showcase, explainer, demo, tutorial, launch, ad and customer story: who each kind of product video is for, how long it runs, and where it belongs.

Sep 26, 2026

Framer example film: “Deploy fast sites on global infrastructure.” over three published sites

How to make a product launch video

Product Hunt takes YouTube links only, YC wants a demo, and X and LinkedIn autoplay in the feed. What each channel accepts, and one film that fits them all.

Sep 26, 2026

Framer example film: “Deploy fast sites on global infrastructure.” over three published sites

How to make a product launch video

Product Hunt takes YouTube links only, YC wants a demo, and X and LinkedIn autoplay in the feed. What each channel accepts, and one film that fits them all.

Sep 26, 2026

PostHog example film: “PostHog already has your analytics and errors” over six product screens

Why your homepage video won’t autoplay

Every major browser allows muted autoplay, yet hero videos still sit frozen on their poster. Every cause we found, in the order to check, with the fix for each.

Sep 26, 2026

PostHog example film: “PostHog already has your analytics and errors” over six product screens

Why your homepage video won’t autoplay

Every major browser allows muted autoplay, yet hero videos still sit frozen on their poster. Every cause we found, in the order to check, with the fix for each.

Sep 26, 2026

Frame from one of our example product films: the line “Accept payments” above three checkout pages.

Your website is already a product video

The headline, the product and the proof are already on your homepage. Most product videos start from a blank page anyway. Why that’s backwards.

Sep 26, 2026

Frame from one of our example product films: the line “Accept payments” above three checkout pages.

Your website is already a product video

The headline, the product and the proof are already on your homepage. Most product videos start from a blank page anyway. Why that’s backwards.

Sep 26, 2026

Frame from one of our example product films: “Flexible solutions for every business model” above four product cards.

How long should a product video be?

Thirty to sixty seconds on your homepage, under fifteen in a feed, a few minutes for a demo. Where those numbers come from, and how to find your own.

Sep 26, 2026

Frame from one of our example product films: “Flexible solutions for every business model” above four product cards.

How long should a product video be?

Thirty to sixty seconds on your homepage, under fifteen in a feed, a few minutes for a demo. Where those numbers come from, and how to find your own.

Sep 26, 2026

Frame from one of our example product films: “Make your product self-driving” beside an inbox of issues.

Design your product video for sound off

No major browser autoplays video with sound, so a new visitor’s first view of your homepage video is silent. How to make a product video that works on mute.

Sep 26, 2026

Frame from one of our example product films: “Make your product self-driving” beside an inbox of issues.

Design your product video for sound off

No major browser autoplays video with sound, so a new visitor’s first view of your homepage video is silent. How to make a product video that works on mute.

Sep 26, 2026

Frame from one of our example product films: “A freeform canvas, powered by agents” above three website layouts.

Why you can’t just crop a 16:9 video to 9:16

A centre crop from 16:9 to 9:16 throws away 68% of the frame. What platforms ask for, what cropping destroys, and how to make one video work in three shapes.

Sep 26, 2026

Frame from one of our example product films: “A freeform canvas, powered by agents” above three website layouts.

Why you can’t just crop a 16:9 video to 9:16

A centre crop from 16:9 to 9:16 throws away 68% of the frame. What platforms ask for, what cropping destroys, and how to make one video work in three shapes.

Sep 26, 2026

Frame from one of our example product films: “Built for web and mobile” beside a job board on desktop and phone.

How many words fit in a 30-second video?

Subtitle standards put the 30-second reading ceiling near 80 to 100 words. A product video should use about 40. The math, and data from six real films.

Sep 26, 2026

Frame from one of our example product films: “Built for web and mobile” beside a job board on desktop and phone.

How many words fit in a 30-second video?

Subtitle standards put the 30-second reading ceiling near 80 to 100 words. A product video should use about 40. The math, and data from six real films.

Sep 26, 2026

Frame from one of our example product films: “Financial infrastructure to grow your revenue” under a coloured ribbon.

The first three seconds of a product video

Much of a video’s value reaches people who stop watching within seconds. What a product video’s opening must do, and why logo intros cost so much.

Sep 26, 2026

Frame from one of our example product films: “Financial infrastructure to grow your revenue” under a coloured ribbon.

The first three seconds of a product video

Much of a video’s value reaches people who stop watching within seconds. What a product video’s opening must do, and why logo intros cost so much.

Sep 26, 2026

Frame from one of our example product films: “Bring everything into one system of record” above a workspace page.

How to write a product video script from your own website

The riskiest part of a product video is the script. The safest script is one you’ve already published. A step-by-step method, with a real line sheet.

Sep 26, 2026

Frame from one of our example product films: “Bring everything into one system of record” above a workspace page.

How to write a product video script from your own website

The riskiest part of a product video is the script. The safest script is one you’ve already published. A step-by-step method, with a real line sheet.

Sep 26, 2026

Frame from one of our example product films: “Increase order value with every checkout” above a checkout form.

How to put a video on your homepage without slowing it down

The exact video markup, file sizes, encoding settings and accessibility rules for a fast, silent, looping product video at the top of your homepage.

Sep 26, 2026

Frame from one of our example product films: “Increase order value with every checkout” above a checkout form.

How to put a video on your homepage without slowing it down

The exact video markup, file sizes, encoding settings and accessibility rules for a fast, silent, looping product video at the top of your homepage.

Sep 26, 2026

Frame from one of our example product films: “Now it ships code to help you build a better product” above three issue cards.

Screen recording vs. product video: two different jobs

A screen recording shows how your product works. A product video shows why it matters, in seconds. When to use each, and how to tell which you have.

Sep 26, 2026

Frame from one of our example product films: “Now it ships code to help you build a better product” above three issue cards.

Screen recording vs. product video: two different jobs

A screen recording shows how your product works. A product video shows why it matters, in seconds. When to use each, and how to tell which you have.

Sep 26, 2026

Frame from one of our example product films: “Embed payments in your platform” above a payment form and an accounts table.

Why a product video takes six weeks

Studios quote five to twelve weeks for a one-minute explainer. Their own published timelines show where the weeks go, and why most go to inventing.

Sep 26, 2026

Frame from one of our example product films: “Embed payments in your platform” above a payment form and an accounts table.

Why a product video takes six weeks

Studios quote five to twelve weeks for a one-minute explainer. Their own published timelines show where the weeks go, and why most go to inventing.

Sep 26, 2026