Ledgerline — marketing site and product tour

A marketing site for a healthcare SaaS — home, platform deep dives with a 76-item capability catalog, security, investors, a demo request — and a 52-second motion product tour.

Marketing site, first screen: the headline, two calls to action and a floating analytics dashboard mockup

problem: The product had to be shown without showing it: real screens were under NDA and the numbers were not approved yet.
built: The site and the video, solo (9 of 9 commits in 4 days): three design directions, one chosen; a library of anonymised skeleton mockups instead of app screenshots, so nothing confidential leaks; OG images per page and structured data; a demo-request form on a server action. The tour: HyperFrames (HTML + GSAP) scenes cut to the music’s beat grid, an AI voice-over and captions, plus a seamless 12-second hero loop.
result: 52 sproduct tour with voice-over76capabilities in the catalog4 dayssite and video, first commit to done

Next.js 16React 19Tailwind CSSMotionZodResendHyperFramesGSAP

Brand name changed under NDA — the work and the numbers are real.

“Eight modules. One source of truth.” — a bento grid with an anonymised mockup per module

The platform page: module navigation and deep dives with layered queue and tracker mockups

Need something like this? Let’s talk.

Start a project