How to Make an Animated Pricing or Plan Comparison Video

Based on our study of 1M+ videos by 280,000+ users

By Yao Ming, Founder7 min read
Short answer

To make an animated pricing comparison video, list each plan's exact price and the three to five features that differ between plans. Animate the cards rising in one by one, tick the features in row by row, then lift and colour the recommended plan. Keep it 12 to 20 seconds and end on one call to action.

Real outputs from the Videotto template gallery.

Example: a 15 second pricing comparison video for three plans

Here is an illustrative example for a made-up scheduling app, so you can see the whole thing before the steps. The input is three plans: Starter at $9 per month with 1 calendar, Pro at $19 with unlimited calendars, reminders and a booking page, and Team at $49 with everything in Pro plus shared calendars and admin controls. Pro is the plan to highlight.

The brief goes into the prompt further down, with the plans pasted in and the restriction "keep every price exactly as given". The result plays like this on a 1080x1080 square:

SecondsWhat movesWhat the viewer learns
0 to 2Title "Which plan fits your week?"This is a choice, not an ad
2 to 6Starter, Pro and Team cards rise in turn, prices count upThere are three options and what they cost
6 to 11Ticks check in across rows: calendars, reminders, booking page, shared calendarsWhat changes between plans
11 to 13Pro lifts forward in the brand blue with a "Most popular" tagWhich one to pick
13 to 15Hold on the full layout with "Start free for 14 days"What to do next

Only four feature rows appear, because rows that every plan shares ("All plans include sync with Google Calendar") collapse into one line under the cards. The "Most popular" tag is only used because, in this example, it is true. If you cannot say that, use "Recommended" or no tag.

How to build a pricing comparison video

  1. Copy your plans into a table. Plan name, exact price and period, and the features in the same order for every plan. Paste it from your live pricing page so the numbers match.
  2. Keep only the rows that differ. Move shared features to one "All plans include" line. Four or five rows is the most a phone screen can show at a readable size.
  3. Pick one plan to highlight. One plan gets the lift, the brand colour and a short tag. Two highlighted plans cancel each other out.
  4. Choose the format for where it plays. Side by side for 16:9 (1920x1080) and 1:1 (1080x1080). For 9:16 (1080x1920), stack the cards or show them one at a time, then together.
  5. Write the hook and the close. Open with the question your buyer asks in under eight words. Close with one call to action and your site.
  6. Check every number on the last frame. Pause on the final layout and compare each price and tick with the live page before you export.

Pricing comparison design choices

A pricing table on a website asks the visitor to read. An animated one tells them where to look. Reveal in the order you want people to think: what they get, what changes between plans, which one to pick.

DecisionWhat to ask forWhy it works
Card layoutTwo or three rounded cards, same size, the recommended one slightly largerEqual cards read as fair, the larger one draws the eye
Price typeLarge price, small period ("/month")The number is what people compare first
ColourNeutral cards, brand colour on the recommended plan onlyOne colour cue is enough to steer the choice
Reveal orderCards first, then features row by row, then the highlightMatches how people decide
PaceOne to two seconds per card, a 2 second hold at the endLong enough to screenshot the final frame
SoundA soft tick per feature, a rising tone on the highlightGives rhythm without needing a voice

Not every comparison is three plans in a row. "You vs the old way" works as two columns of crosses and ticks, and "monthly vs yearly" works as one card with a toggle that flips and slides the yearly price in. For time saved or steps removed, two counters side by side are clearer than a table, as long as the numbers are real.

Pricing comparison prompt for Otto

Adapted from the way Videotto users brief Otto for product motion. Paste your real plans in the brackets.

Paste into Otto
Make a 15 second animated pricing comparison, 1:1 square. No footage.
PLANS (keep every price and feature exactly as given):
[Plan A], [price] / [period]: [feature], [feature], [feature]
[Plan B], [price] / [period]: [feature], [feature], [feature], [feature]
[Plan C], [price] / [period]: [feature], [feature], [feature], [feature], [feature]
SHARED LINE under the cards: "All plans include [shared features]".
HIGHLIGHT: [Plan B] is the recommended plan.
STYLE: graphite background #16181D, white cards, brand colour #3D7BFF on the recommended plan only. One clean sans serif.
ANIMATION SEQUENCE:
0 to 2 s: title "[Which plan is right for you?]".
2 to 6 s: the three cards rise in from the bottom, one after another.
6 to 11 s: features tick in row by row across all cards.
11 to 13 s: [Plan B] lifts forward, glows and gets a "[label]" tag.
13 to 15 s: hold, call to action "[call to action]" under the cards.
SOUND: soft tick per feature, a rising tone on the highlight.
RESTRICTIONS: no bouncing, no extra features, no discounts I did not list.

Shorter pricing video prompts

  • "Animate my three plans side by side and highlight the middle one."
  • "Vertical version: one plan card at a time, then all three together."
  • "Compare our plan against doing it by hand: time, cost, steps."
  • "Make it a silent loop for the pricing page."

Pricing page video tools compared

You can build the same video by hand. These are typical effort ranges for a 15 second, three plan comparison, not measured results.

ToolHow it is doneRough timeTrade-off
After EffectsShape layers for cards, keyframed position and opacity, text animators for ticks2 to 3 hoursFull control, slow to update when a price changes
Keynote or PowerPointBuild animations per card, exported as a movie45 to 90 minutesEasy to edit, motion looks like a slide deck
CanvaA pricing template with page animations30 to 60 minutesFast, but ticks rarely reveal row by row
OttoThe prompt above with your plans pasted inAround 10 to 15 minutes with a revision or twoRe-run the same brief when prices change

Whatever you use, save the brief or the project file. Prices change, and the video has to change the same day.

Pricing comparison mistakes

  • Prices that do not match the site. An old price in a video is a support ticket waiting to happen. Check before every export, and again after any price change.
  • Too many rows. Twelve features per plan is unreadable on a phone. Show the four or five that differ.
  • Highlighting everything. If every plan glows, none stands out. One recommended plan only.
  • Labels that are not true. Only say "most popular" or "best value" if it is true for your product.

FAQ

Should I put a video on my SaaS pricing page?

Putting a video on a SaaS pricing page makes sense when buyers struggle to tell plans apart. Keep it short, silent and looping, and place it above or beside the table rather than replacing it, because many visitors still want to scan the columns. If your plans are already simple, a video adds little.

How do I show monthly and yearly pricing in one animation?

To show monthly and yearly pricing in one animation, use a toggle on each card that flips from monthly to yearly, with the yearly price sliding in and a small "save X%" tag. Show the monthly price first for about two seconds, then flip. Make sure the saving you display matches the real difference.

Is it legal to compare my prices with a competitor's in a video ad?

Comparing your prices with a competitor's in a video ad is allowed in many countries as comparative advertising, but the comparison must be accurate, current and like for like. Rules differ by market and by ad platform, so check them before naming a company. Comparing against a generic alternative, or doing it by hand, avoids most of the risk.

What is the best aspect ratio for a pricing comparison on Instagram?

The best aspect ratio for a pricing comparison on Instagram depends on the placement. Use 4:5 (1080x1350) for feed posts, where three stacked or narrow cards still fit, and 9:16 (1080x1920) for Reels and Stories, where cards work better one at a time and then together. Avoid three side-by-side columns in vertical formats.

How often should I update a pricing video?

A pricing video should be updated every time a price, plan name or included feature changes, and checked at least once a quarter even if nothing changed on purpose. Keep the source brief or project file so an update takes minutes. An outdated price in an ad can also break platform rules on misleading offers.

Try it on your own video

Make your next video with Otto

Tell Otto what you want in plain words. It cuts, captions and animates the video for you.