COPD Care Professional Website Template

Quick summary

Breathe is a landing page template designed for COPD respiratory rehabilitation programs. It pairs a warm, forest-trail visual identity with an Expert Panel content flow to build visitor confidence before any ask. Four specialist voices guide the scroll, a free seated video earns trust, and a simple form delivers a personalized breathing plan.

Who this template is for

This template is built for health and wellness professionals who support adults living with chronic obstructive pulmonary disease (COPD). It works best when the goal is to educate first and convert second.

• Pulmonary rehabilitation providers and respiratory therapists launching a guided at-home exercise program
• Patient advocates and occupational therapists creating structured COPD care resources for older adults
• Spouses and caregivers searching for a credible, calm alternative to generic fitness advice

What problem this template solves

People managing Stage II COPD often finish formal pulmonary rehab and receive little structured follow-up. Generic exercise advice ignores breathing cadence entirely. This template addresses that gap directly.

• It replaces vague "exercise more" messaging with a sequential, expert-led explanation of how movement works for weakened lungs
• It names the fear of exertion as a real barrier, building visitor confidence through specialist voices before presenting any call to action
• It gives something useful for free first, so the resource form feels like a natural next step rather than a transaction

What you get with this template

The template is a fully structured single-column landing page flow. Every section serves a specific role in moving a cautious visitor toward a meaningful action.

• An animated hero section with SVG lung-tree line art, a warm serif headline, and a subtle breathing-path animation
• Four sequential expert panel sections, each introduced by an amber italic question and illustrated with a hand-drawn line-art portrait
• A free ungated five-minute seated video, a minimal lead capture form with a supplemental oxygen checkbox, and a clean horizontal footer

Feature list

A paragraph overview of the feature set: this template delivers a purposeful set of components, each chosen to serve the specific needs of a COPD exercise program audience.

Animated SVG Hero Illustration

The header uses a full-width continuous line-art drawing of lungs transitioning into tree branches, with leaves unfurling from bronchioles and roots reaching into a diaphragm rendered as rolling terrain. A dotted path traces the inhale-exhale cycle. Branches sway with a subtle animation driven by medium-weight GSAP scroll reveals, creating a calm, living first impression.

Sequential Expert Panel Flow

Four specialist voices scroll in sequence: a pulmonologist, a respiratory physiotherapist, an occupational therapist, and a patient advocate. Each panel is introduced by a single question in amber italic. Hand-drawn line-art portraits match the hero illustration style, and the scroll feels like a calm, structured consultation rather than a sales sequence.

Free Ungated Seated Video

A five-minute seated routine video is embedded directly on the page with no gate and no form required. It plays in-page, letting visitors experience the program's approach before committing to anything. This section builds competence trust before the primary call to action appears.

Personalized Lead Capture Form

The form appears after the third expert panel, once credibility is established. It asks only for a first name and an email address, plus a single checkbox for supplemental oxygen use. This checkbox personalizes the starter breathing plan PDF delivered to the visitor.

Forest Trust Color and Typography System

The design uses deep evergreen (#2D4A3E) for text, soft birch bark (#E8E0D5) for backgrounds, lichen gray-green (#7A9E7E) for section transitions, and warm amber (#C4943A) exclusively for buttons and progress indicators. Headlines use Fraunces, a warm serif. Body copy uses DM Sans for clean readability on larger text settings suited to an older audience.

GSAP Scroll-Linked Reveals

Each expert panel and content section enters the viewport through scroll-linked reveal animations powered by GSAP. The pacing is unhurried and matches the forest-trail tone of the design, guiding the visitor forward without rushing them.

Page sections overview

Design & branding system

The visual identity follows an Organic Flow theme. Every color, typeface, and motion choice reinforces a single feeling: calm, grounded, and trustworthy.

• The Forest Trust palette uses birch bark (#E8E0D5) as the dominant background, evergreen (#2D4A3E) for all primary text, lichen gray-green (#7A9E7E) to soften transitions between sections, and amber (#C4943A) reserved strictly for buttons and progress indicators
• Typography pairs Fraunces warm serif headlines with generous letter spacing against DM Sans body text, sized larger than typical to serve an older reading demographic
• All line-art illustrations share a single-weight evergreen ink style, keeping portraits, the hero illustration, and decorative elements visually unified across the full scroll

Mobile & speed optimization

The template is built desktop-first with deliberate care for mobile adaptation. The older primary audience benefits from specific layout decisions at smaller screen sizes.

• Text sizing and tap targets are scaled up on mobile to reduce reading strain and improve usability for adults aged 60 and above
• Server Components handle static page sections, and JavaScript is kept minimal so the page loads quickly even on slower connections common to the target demographic
• Animations are medium-weight and scroll-linked, meaning they degrade gracefully on lower-powered devices without breaking the layout or flow

How this template helps you convert

This template earns its conversions through a deliberate give-first sequence. Nothing is asked until the visitor has received real value.

1. The free ungated seated video demonstrates the program's expertise before any form appears, removing skepticism early in the scroll
2. The four expert panels answer the exact questions a cautious COPD patient carries, building layered credibility that makes the "Get the Starter Breathing Plan" call to action feel like a helpful recommendation rather than a sales pitch
3. The minimal form with the oxygen checkbox signals that the resource is personalized and specific, which increases the perceived value of completing it

Other information about this template

This template is designed for health and medical content focused on COPD care. It works within a direct-to-patient model where trust and specificity matter more than volume.

• The program positions itself around breathing cadence as the core differentiator, which sets it apart from generic fitness or wellness templates
• The patient advocate panel, with an oxygen cannula visible, is a deliberate design choice that validates the experience of visitors who use supplemental oxygen daily
• The template is localized for English (USA) with a 12-hour time format and no currency display
• The footer follows a minimal horizontal flow pattern, keeping the close of the page as calm and uncluttered as the opening

Show more