CareIQ
CareIQ — a live healthcare-practice growth platform (careiq.io) helping clinics build patient care-management programs, with a marketing site built around scroll-driven motion: GSAP ScrollTrigger, Lenis smooth scroll, and Framer Motion, plus a lead-capture flow and Calendly-based demo booking.
Overview
CareIQ — a live healthcare-practice growth platform (careiq.io) helping clinics build patient care-management programs, with a marketing site built around scroll-driven motion: GSAP ScrollTrigger, Lenis smooth scroll, and Framer Motion, plus a lead-capture flow and Calendly-based demo booking.
Tech Stack
Challenges & Learnings
This is a clone build (the repo's own package name identifies it as such) aimed at replicating a polished health-tech landing page's motion design as a study in scroll-driven UI, not a client engagement. The core decision was splitting animation strategy by breakpoint: on desktop, a features section pins a photo column via ScrollTrigger while per-section timelines crossfade and slide images in as each headline crosses the viewport; on mobile, the pinned layout is dropped entirely in favor of stacked Lottie animations and floating Framer Motion elements, since pinning doesn't translate well to small screens. The hero section chains three scrubbed ScrollTrigger animations on a shared timeline label to pin, scale, and translate the hero image in sync with scroll position. A custom text-reveal component manually splits text into word-spans in the DOM rather than using GSAP's SplitText plugin. Scroll feel is handled by Lenis, instantiated multiple times with different lerp values per section to vary inertia. The repo also keeps a fully commented-out pin-and-zoom experiment and a couple of other prototyped-but-unshipped scroll components — a visible record of which animation approaches were tried and which ones actually shipped.