Zenith SaaS
A high-converting, animated landing page for a B2B analytics and workflow startup — built for speed and built to convert.
A static page describing a live product.
An animated, live-feeling dashboard hero.
+80% demo sign-ups
3.2x demo-to-close rate
A static landing page for a fast-moving product.
Zenith had a low conversion rate on their landing page due to static layouts and no engaging way to explain what their product actually does. Visitors bounced before understanding the value.
The team needed something that would demonstrate — not just describe — a live analytics dashboard, without waiting on a full product build to show it off.
A page that shows the product, not just describes it.
I designed a high-converting, animated single-page landing experience using Vite, Tailwind, and GSAP ScrollTrigger, with a hand-built dashboard mockup in the hero — live-looking stat tiles, an animated chart, and activity rows that reveal in a staggered sequence as the page loads and scrolls.
The result reads as a live product demo rather than a static brochure page, without requiring a real backend to power it. Because it's built entirely from HTML, CSS, and SVG rather than a heavier rendering stack, it loads instantly and looks identical on every device — no fallback state needed.
A page that converts as well as it looks.
Demo Sign-Up Rate
Growth in visitors requesting a product demo after launch.
Average Time on Page
Up from 45 seconds on the previous static landing page.
Lighthouse Performance
Full marks despite the animated dashboard hero, since it's built from markup rather than a rendered asset.
The animated hero became the thing prospects mentioned first on sales calls — the page stopped being a bounce point and started doing part of the selling itself.
A live-feeling demo, without a live backend.
The dashboard hero is hand-built from HTML, CSS, and an inline SVG chart — no video, no canvas, no external rendering dependency — so it loads instantly and never has a broken or unsupported state. GSAP ScrollTrigger drives the staggered stat-tile and chart reveal as the page loads and as sections scroll into view.
Because the whole scene is markup rather than a rendered asset, it stays crisp at any zoom level and on any device — there's no fallback to design for, since there's nothing that can fail to render.
See the finished site in action.
Explore the full, live experience — including the interactive dashboard hero.
