Lifestyle · 30 s · built in 6:44
“48,219 PAGEVIEWS (struck through) → "Pageviews don't pay the bills." → "Revenue does."”
Generated from datafa.stVanity metrics vs revenue: "Pageviews don't pay the bills." DataFast shows which channels bring in paying customers.
Timeline
- 0:00–0:03HookPageview counter punches in and gets struck through, then kinetic headline and 'Revenue does.' punch.
- 0:03–0:07ProblemVanity-metric cards tagged '$ ?', 'Tons of data.' switches to 'Zero clue who paid.', then the cards collapse.
- 0:07–0:12Product revealRebuilt DataFast chart springs out, counters roll up, live customer notification appears, then the camera pushes through.
- 0:12–0:18Magic momentRevenue by channel: bars fill, top channel highlighted, 'Most traffic ≠ most revenue'.
- 0:18–0:22BenefitsUnder a minute to install, 10× simpler, $0.43 revenue per visitor.
- 0:22–0:26Offer14 days free, then from $9/month; product image plus 'Loved by 26,055 users'.
- 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.




