COPD Care Specialist Professional Website Template

Quick summary

Breathe is a COPD clinical trial finder landing page. It presents real recruitment statistics front and center, then walks visitors through a low-friction multi-step form to match them with trials recruiting near their location. The Organic Flow visual style and Slate and Sky color system keep the page warm, clinical, and easy to read on any device.

Who this template is for

This template is built for patient advocacy organizations, healthcare marketers, and clinical research teams that need to reach COPD patients and caregivers directly. It is especially well suited for teams running active recruitment campaigns where speed and trust matter most.

• Recently diagnosed COPD patients overwhelmed by medical information and searching for next steps
• Adult children or caregivers researching trial options on behalf of a parent with COPD
• Longtime COPD managers whose current inhaler regimen has stopped producing results

What problem this template solves

Navigating ClinicalTrials.gov to find relevant studies is genuinely hard. Patients face unfiltered lists of hundreds of trials with no guidance on which ones match their stage, their medications, or their location. This template removes that friction entirely.

• Replaces confusing trial spreadsheets with a guided, four-minute match process
• Reduces the intimidation around clinical research by leading with human context before medical detail
• Gives caregivers a separate, lower-commitment path so no potential participant is lost

What you get with this template

You get a fully structured, single-column landing page designed around one goal: converting a curious COPD patient into a matched trial lead. Every section has a defined role and a defined visual hierarchy.

• A portrait-centered hero with an oversized statistic and a primary call-to-action button
• A scrolling stats cascade that moves from population data down to individual-level relevance
• A progressive multi-step form with zip code first, COPD stage second, medications third, and contact details last

Feature list

This landing page is built around six core capabilities drawn directly from the template brief.

Portrait-Centered Hero Section

The hero leads with a close-cropped, warmly lit photograph of a real person in their mid-sixties. Below the portrait, oversized typography displays the statistic "1,247 COPD trials are recruiting right now." A primary call-to-action button labeled "Find Trials Near Me" sits directly beneath it.

Stats-First Scroll Cascade

Three scroll-triggered statistics appear in sequence as visitors move down the page. Each number arrives before its explanation. The cascade moves from population-level data to individual-level relevance, building emotional momentum and dissolving intimidation around research participation.

Progressive Disclosure Form

The multi-step lead capture form opens with only a zip code field. Subsequent steps reveal COPD stage selection, a medication history checkbox panel, and finally name and email. This low-friction sequence reduces drop-off at each stage.

Secondary Caregiver Path

A separate conversion path labeled "Send This to My Doctor" accepts a single email address. It captures caregivers and patients who are not yet ready to complete the full form but want to share the information with a physician.

Sticky Bottom Call-to-Action Bar

After the visitor passes the second scroll section, a persistent bottom bar appears with the "Find Trials Near Me" call to action. This keeps the primary conversion option visible without interrupting the reading flow.

Trust and Safety Section

Sage-accented trust badges and institutional safety context sit in a dedicated section before the form. This section addresses concerns about research safety and reinforces credibility at the moment when commitment is highest.

Page sections overview

Design & branding system

The design follows an Organic Flow theme. The palette is called Slate and Sky, and every color choice serves a specific emotional or functional role on the page.

• Deep clinical slate (#3B4856) anchors body text and grounding elements; soft atmospheric gray (#E8ECEF) fills the primary background for a breathable, open feel
• Open-sky blue (#6AABCF) highlights calls to action and progress indicators; living sage green (#8FB09A) marks trust badges and secondary accents
• Typography pairs Fraunces serif headlines for warmth and authority with DM Sans body text for clean, clinical readability

Mobile & speed optimization

This template is built mobile-first. COPD patients often research options on their phones during or after medical appointments, so small-screen usability is treated as the default experience.

• Single-column layout adapts cleanly to narrow screens without reflow complexity
• Portrait image is optimized for fast first paint so the hero loads quickly on mobile connections
• Form state is managed in a React client component only, keeping the interactive steps smooth on touch devices

How this template helps you convert

The page is designed around a single conversion funnel with a secondary path layered in for caregivers. Every layout decision reduces hesitation and moves the right visitor toward the right action.

1. The oversized hero statistic creates immediate relevance before the visitor reads a single paragraph, making the call to action feel urgent rather than generic
2. Progressive disclosure lowers the perceived effort of the form by showing only one question at a time, starting with the least sensitive field
3. The sticky bottom bar keeps "Find Trials Near Me" accessible at every scroll depth without forcing the visitor back to the top

Other information about this template

This template is categorized under Health and Medical, specifically within the COPD Care subcategory. It is suited for US-centric trial recruitment campaigns using English-language copy and US date formats.

• The page includes scroll-triggered stat counter animations, fade-in section transitions, and form step transition effects at medium animation intensity
• An FAQ accordion component is included in the interactivity layer, giving teams a ready space to address common patient concerns without breaking the page flow
• The footer follows a horizontal flow pattern, keeping the bottom of the page clean and consistent with the breathable visual tone established above it

Show more