Layercue

Context

Twelve sections that hold attention past the fold. Scroll-driven motion inside a 200ms LCP budget. A component structure ready for A/B testing. The studio brief: a high-density marketing site for a Series A SaaS, designed to those three constraints.

Approach

Growth tier. Hero with a product mockup, social proof bar, tabbed product tour, feature cards, three-tier pricing with monthly/annual toggle, testimonial carousel, eight-logo integrations grid, FAQ accordion, final CTA with trust badges. Full copy and an A/B-ready component structure.

Designed to test

A high-density section IA that holds attention past the fold, scroll-driven motion inside a 200ms LCP budget, and conversion-led copy hierarchy across a long-scroll page.

What good looks like

Good looks like: LCP holds inside the 200ms budget on simulated 4G. Components ship with both control and variant copy in the same payload, ready for A/B without an engineering refactor. Scroll-driven motion respects reduced-motion. The page holds attention through the third interactive component, not just the hero.

Live site