A calm, precise website for an AI that follows up with patients
Altira Health
San Francisco, US
March 31, 2026
Healthcare
Tech
Corporate
Webflow Development
GSAP
CMS
Custom Code
Client-First
Integrations
Snapshot (AEO)
The project in four lines
Altira Health, a US healthcare AI company. Its assistant Lena follows up with patients by call and text and flags clinicians when needed.
A finished Figma design with heavy motion had to reach production pixel-accurate on every device without losing its premium feel.
A Webflow build from Figma with Client-First classes, a CMS, form integrations and GSAP scroll animations with pinned sections.
The site launched in March 2026 and follows the Figma file across desktop, tablet and mobile, with the motion intact on each.
Numbers
The project in four lines
1:1
Figma to Webflow on desktop, tablet and mobile
GSAP
scroll-linked animations and sticky sections
Client-First
class system the client's team can maintain
Mar 2026
site launched
The challenge
Our services
Heading
Make a finished design feel as calm as the product
Altira Health came to us with a complete Figma file. The job was to get it into production without losing what made it work: quiet typography, warm colour and motion that explains the product instead of decorating it.
- Pixel accuracy on every breakpoint. The layout had to match Figma on desktop, tablet and mobile, not only on the designer's screen.
- Motion that carries meaning. The patient timeline and the product diagram only make sense if they animate in step with the scroll.
- A healthcare audience. Practice leaders and clinicians judge trust fast. Nothing could feel gimmicky or slow.
01 · Patient journey
A sticky timeline that shows Lena at work
As visitors scroll, one patient's first 30 days unfold step by step: discharged home, a skipped pill, a quiet check-in, swollen ankles flagged to a nurse, and back on track. The trust points stay pinned beside it.
- Each step appears in sync with the scroll
- Turns an abstract AI product into one patient's story
02 · Product diagram
A layered diagram that explains the product in one scroll
The connective-layer section shows how Lena works in a single picture. Patient outcomes, the Knows · Decides · Acts · Learns loop and the data Lena draws on stack into place as the visitor scrolls, and the active step lights up.
- Scroll-linked motion built with GSAP
- One diagram instead of a wall of text
03 · First screen
From a human moment to the product promise
The hero opens on a patient taking a call, then gives way to a warm gradient panel with the value proposition, a demo form and customer quotes that slide up over it.
- Demo request form within the first two screens
- Quotes from ACO and practice leaders right after the promise
Mobile
Heading
Mobile
The same calm on a small screen
On phones the layout stacks into one column, the navigation collapses into a compact pill, and the sections keep the order and rhythm of the desktop design.
Under the hood
How the pieces connect
Heading
Heading
Heading
Heading
How the pieces connect
- Design to build: Figma to Webflow. Every section rebuilt from the Figma file and checked at each breakpoint.
- Structure: Client-First. Class naming Altira's team can maintain as the site grows.
- Motion: GSAP and ScrollTrigger. Pinned sections and scroll-linked animations for the timeline and the layered product diagram.
- Content and leads: CMS and integrations. CMS-driven content and demo-request forms connected to the team's tools.
Client feedback
How the pieces connect
The final website matched the Figma design with impressive accuracy. The animations, sticky sections, and overall Webflow execution made the project feel polished and high-end.
Questions about this project
FAQ
Heading
Can Webflow handle GSAP scroll animations?
Yes. We load GSAP and ScrollTrigger on the Webflow site and build pinned sections and scroll-linked animations with custom code, while the layout and content stay editable in Webflow.
Can you build a site from a design made by another team?
Yes. Altira Health arrived with a finished Figma file. We rebuilt it in Webflow, matched it at each breakpoint and added the motion described in the design.
Relevant projects
You might interested
Travel & Hospitality
Education
