FrameNotion
All examples

Lifestyle · 30 s · built in 6:44

“48,219 PAGEVIEWS (struck through) → "Pageviews don't pay the bills." → "Revenue does."”

Generated from datafa.st

Vanity metrics vs revenue: "Pageviews don't pay the bills." DataFast shows which channels bring in paying customers.

Timeline

  1. 0:00–0:03HookPageview counter punches in and gets struck through, then kinetic headline and 'Revenue does.' punch.
  2. 0:03–0:07ProblemVanity-metric cards tagged '$ ?', 'Tons of data.' switches to 'Zero clue who paid.', then the cards collapse.
  3. 0:07–0:12Product revealRebuilt DataFast chart springs out, counters roll up, live customer notification appears, then the camera pushes through.
  4. 0:12–0:18Magic momentRevenue by channel: bars fill, top channel highlighted, 'Most traffic ≠ most revenue'.
  5. 0:18–0:22BenefitsUnder a minute to install, 10× simpler, $0.43 revenue per visitor.
  6. 0:22–0:26Offer14 days free, then from $9/month; product image plus 'Loved by 26,055 users'.
  7. 0:26–0:30CTALogo, DataFast wordmark sweep, 'Follow the money.', Start free trial button, datafa.st.

The brief, filled in from the website

Brand
DataFast
Product
DataFast is a revenue-first web analytics tool that shows entrepreneurs which marketing channels bring paying customers.
Target audience
Entrepreneurs, indie founders and SaaS/e-commerce business owners who want to grow revenue
Main problem
Most analytics tools show vanity metrics like pageviews and bounce rates but don't tell you where your money is actually coming from.
Core benefit
Attributes revenue to traffic sources so you know which channels drive paying customers and how to get more of them—10× simpler than Google Analytics, installs in under a minute.
Main offer
14-day free trial; Starter plan from $9/month (2 months free on yearly)
Primary message
Find out which marketing channels actually drive your revenue.
Website / CTA
datafa.st

Written from scratch · 19 files, 1,175 lines

  • src/components/anim.ts38
  • src/components/AnimatedHeadline.tsx52
  • src/components/CTAButton.tsx50
  • src/components/DashboardCard.tsx81
  • src/components/GradientBackground.tsx31
  • src/components/Notification.tsx53
  • src/components/StatCounter.tsx28
  • src/compositions/PerformanceAd.tsx43
  • src/config/assets.ts7
  • src/config/brand.ts25
  • src/config/content.ts74
  • src/config/timing.ts11
  • src/scenes/BenefitsScene.tsx102
  • src/scenes/DemoScene.tsx148
  • src/scenes/HookScene.tsx103
  • src/scenes/OfferScene.tsx87
  • src/scenes/OutroScene.tsx73
  • src/scenes/ProblemScene.tsx97
  • src/scenes/ProductScene.tsx72

Make one for your product

Same pipeline, your link. Ready in minutes.

More examples