Breathe - Clinical Trials Landing Page Template

Quick summary

Breathe is a single-page asthma clinical trial finder template. It combines a testimonial-led hero, a five-member expert panel with video reassurance clips, a three-step progressive matching form, and an anonymous trial browsing grid. The Soft Gradient Slate and Sky design feels clinical enough to trust and warm enough to calm anxious patients searching for new treatment options.

Who this template is for

This template is built for health organizations, clinical research networks, and patient-advocacy platforms that need to connect asthma patients with active trials. It speaks directly to the people who land on these pages and to the teams running the programs behind them.

• Adults aged 25 to 55 managing daily controller inhalers and rescue medications
• Parents of children who have exhausted standard step-up therapy options
• Newly diagnosed patients referred by an allergist who mentioned "maybe a study"

What problem this template solves

Patients motivated to join a clinical trial face a frustrating wall of dense eligibility criteria, medical jargon, and geography puzzles on public research databases. Hours of reading often lead to dead ends. This template removes that friction entirely.

• It replaces forty hours of manual research with a guided four-minute matching flow
• It answers the specific fears patients carry before they ever reach a form
• It gives cautious visitors a no-commitment browse path so no one leaves empty-handed

What you get with this template

You get a fully structured, section-led landing page ready to be customized for any asthma clinical trial program. Every section is purposeful and sequenced to reduce anxiety and build confidence before the booking step.

• A split-screen hero with a real participant portrait and an oversized serif quote
• A five-advisor expert panel with click-to-reveal video reassurance clips
• A three-step progressive form covering severity, proximity, and appointment scheduling

Feature list

This template ships with the following built-in capabilities, each designed to serve the specific needs of patients navigating clinical research for the first time.

Split-Screen Testimonial Hero

The hero divides into two equal panels. The left panel holds a softly lit participant portrait with a slate-to-sky gradient background. The right panel displays an oversized serif quote in Fraunces type, plus a pill-shaped badge showing trial phase, treatment type, and match time.

Five-Advisor Expert Panel

A horizontal row of five pulmonologist and immunologist portraits anchors credibility below the hero. Each advisor card is clickable and reveals a short video clip addressing a specific patient concern, such as placebo use, safety, or what happens after the trial ends.

Three-Step Progressive Matching Form

The primary "Find My Trial" call to action opens a guided form. Step one captures asthma severity via illustrated breath icons. Step two sets zip code and travel radius on a map slider. Step three offers available 15-minute video call slots with a trial navigator.

Anonymous Trial Browse Grid

Visitors who are not ready to book can filter an anonymized trial list by condition, phase, and location. The only information collected on this path is an email address for saved-search alerts, keeping the experience low-pressure.

Scroll-Linked Gradient Animation

The page background shifts from deep clinical slate toward open sky as the visitor scrolls down. Built with GSAP ScrollTrigger, this scroll-linked gradient makes the page feel progressively lighter, reinforcing the emotional arc toward relief and action.

Floating "Find My Trial" Button

After the first scroll, a teal call-to-action button pins to the viewport and follows the visitor down the page. It stays visible without being intrusive, ensuring the booking path is always one tap away on any device.

Page sections overview

Design & branding system

The visual identity follows a Soft Gradient theme built around a Slate and Sky color system. Every color choice serves a functional purpose: anchoring trust, creating calm, and directing attention toward action.

• Deep clinical slate (#3B4856) anchors headlines and navigation for strong readability
• Horizon blue (#7BAFDE) washes across gradient backgrounds, shifting warmer as the page descends
• Open-sky white (#F4F8FB) gives each section generous breathing room
• Calm teal (#48B5A0) highlights buttons and progress indicators without alarm
• Fraunces serif handles display headlines; DM Sans handles all body and user interface text

Mobile & speed optimization

The template is built mobile-first, reflecting how most patients search between appointments on their phones. Interactive elements are scaled and spaced for touch use without losing the desktop visual experience.

• Server Components power the static hero, expert panel, and browse sections for fast initial load
• Client Components handle the form, map slider, video toggles, and floating button only where interactivity is needed
• The three-step form and map radius slider are fully operable on small screens with large touch targets

How this template helps you convert

Every section earns the next click by resolving a specific objection before the visitor reaches the booking form. Conversion is built into the page structure, not added as an afterthought.

1. The testimonial hero leads with a real outcome and a phase badge, making the possibility of a better treatment feel concrete and achievable before the visitor reads a single word of copy.
2. The expert panel places a doctor's reassuring voice directly above the form, so the last thing a visitor sees before committing is a pulmonologist explaining that participants are partners in research, not test subjects.
3. The dual-path structure, booking or browsing, means every visitor type has a next step that matches their comfort level, capturing intent from the ready and the cautious alike.

Other information about this template

This template was designed specifically for the asthma clinical trial finder niche within the broader Health and Medical category. It is built to serve the Asthma Care subcategory and handles the full patient journey from initial curiosity to scheduled navigator call.

• The template includes social proof statistics, such as a "4,200+ patients matched" counter, to reinforce platform credibility
• GSAP ScrollTrigger powers the scroll-linked gradient shift, image reveal wipe, and floating call-to-action appearance
• The design deliberately avoids stock photography and lab coats, using real participant imagery and human language instead
• This is a single-page landing page template, not a multi-page site build
• The template style is Split Screen (50/50), and the header concept is a Testimonial Card
• The landing page direction is Booking and Scheduling, with a secondary anonymous browse path for lower-intent visitors

Show more