Sifen.
back to work
03 / Design engineer2026shipped

Attio CRM: Landing Rebuild.

A Figma design rebuilt pixel-tight in Next.js with Framer Motion. A study in how marketing pages should actually feel under your finger.

03 / landing

attio crm: landing rebuild.

the work

Pixel-precise rebuild of an Attio-inspired landing in the App Router. Spring-tuned scroll reveals, layered hero composition, no jank on Lighthouse. Used as a benchmark for how I want every marketing surface I ship to perform.

highlights

  • 01

    Lighthouse 100 perf on desktop, 95+ on mobile

  • 02

    Scroll-linked reveals tuned with springs, not durations

  • 03

    Zero CLS via Image priority + reserved aspect ratios