A concept, brand, and motion for journey-first analytics

The client's objective was clear: they wanted animations to showcase an upcoming product. It became obvious during the first consultation that animations alone would not do the job. Visitors had to learn what the product was before a clip could mean anything, the team needed a waitlist to have someone to launch to, and they wanted to sell lifetime access before the product shipped. So the scope grew into a landing page that does all three, with the animations as its proof.

The concept is journey-centric: map the path a customer actually takes, then read conversion and revenue step by step, so the analytics connect cause to outcome instead of reporting totals in isolation. That canvas had to exist before anything else could be animated, so it is where the work began.

The page opens on the product's own headline — growing great products has never been easier — with a subtitle that types itself and a work-email field for early access. The canvas rises into frame below it. From there the page is four numbered claims, and once the hero scrolls away they pin under the nav as tabs, so the reader always knows which part of the argument they are in.

Each claim is written the way the product works, not the way a brochure does. Build a user journey in a few clicks, or start from an industry template. Track live conversion at each step by connecting to hundreds of sources, or by adding data manually, with no code. Compare your conversions to peer products. Then the same for marketing: connect the channels, and see the price of each journey step so the product's economics are visible rather than inferred.

This is what the client originally asked for, and it is still the heart of the page. Each feature bullet has its own Rive animation, and the bullet brightens as its animation plays, so reading the copy and watching the product happen are the same act. The sequences are built from the real canvas: steps are placed one by one, a data source is connected and the placeholders fill with numbers, and a step converting at 6.1% earns a red low badge and a tooltip that says it is tracking below the industry average of 30%.

The last two make the case for the product. The first rings the weak steps on the canvas and numbers them. The second is growth mode: a slider on Desktop Sign Up lifts conversion from 6.1% to 41%, cost per step drops from $22.01 to $3.29, and the lifetime value and ROI cards re-run in front of you. A team deciding where to spend its effort can try the answer before committing to it, which is the whole promise of a journey-first tool.

A pre-launch product has to show where it is going before it asks for money, so the page closes with a roadmap in four releases: journey maps, thirty-plus source connectors, ROI and lifetime-value tracking, and growth mode in 1.0; emotional-experience and pain-point tracking in 2.0; a bank of journey templates and analytics partnerships in 3.0; AI benchmarking and per-step recommendations in 4.0. Then the offer, a one-time $199 for lifetime access, with the figure set enormous behind the headline and the button going straight to checkout.

The brand wraps all of it in a dark, restrained identity: Montserrat set in capitals for the claims, Inter for everything that has to be read, a single indigo for the interactive layer, and the gradient reserved for the headline. The wordmark carries a bar over its first letters that the animated logotype draws in, and the same headline and canvas fragments became the social graphics the product launched with.