Commerce

Price Ladder

Lay out three pricing tiers and flag the middle option without turning a short video into a tour of the entire pricing page.

Duration
4s
Frame
1920 × 1080
Export
MP4, GIF, MOV (alpha)
Resolution
Up to 4K

About the Price Ladder animation

Price Ladder is built for SaaS plans, memberships and service packages. Give each tier a familiar name, use comparable billing periods and reserve the flag for the option you can honestly recommend to most buyers. It works as a chapter in a launch video or a looping explainer near a pricing table.

Where it fits

  • As a chapter in a SaaS launch video, right after the feature tour.
  • As a looping explainer embedded near the pricing table on a website.
  • In a membership pitch, laying the three tiers side by side before the ask.

Filling it in

Use tier names people already know, STARTER, CREATOR, STUDIO, and prices with the same billing period so they compare. The flag goes on the middle tier by design, so put the plan you would honestly recommend there. Keep prices to a figure without the per-month suffix if it crowds.

Format and timing

Price Ladder is built at 1920 × 1080, a 16:9 landscape frame, the shape of a YouTube video, a stream layout and most editing timelines, and runs 4 seconds at 30 frames per second. It arrives in 1.0 seconds, holds for 1.8 and clears in 1.2, so cue it a beat before the moment it labels. Export it as an MP4 for a timeline or a feed, a GIF where video will not embed, or a MOV with an alpha channel to lay it over footage with nothing behind it. Renders go up to 4K, and the free plan exports at 720p with a watermark.

Who reaches for this

What it gets used for

What you can edit

  • Kickertext
  • Tier 1text
  • Price 1text
  • Tier 2 (featured)text
  • Price 2text
  • Tier 3text
  • Price 3text
  • Flagtext
  • Accentcolor

Questions about Price Ladder

Can I flag a tier other than the middle one?

Not in this layout. The featured column is the centre one. Order your plans so the recommended tier sits in the middle, which is also where most buyers expect it.

Does it work with two plans instead of three?

Leave the third tier and price empty and the column stays blank, which looks unfinished. Better to add a third option, even a free one, so the ladder is complete.

More commerce animations