Zenith SaaS.
A high-converting, animated landing page for a B2B software startup.
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.
What changed after launch.
Growth in visitors requesting a product demo after launch.
Up from 45 seconds on the previous static landing page.
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.
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.
