Pulmonology Medicine Education Website Template
Breathe is a single-column pulmonology patient education landing page built to turn complex lung-health information into plain, reassuring language. Designed for newly diagnosed patients, COPD caregivers, and sleep apnea sufferers, it pairs warm editorial design with a structured expert panel layout and a short lead-capture form to grow a trusted subscriber list.
by Rocket studio
Quick summary
Breathe is a lead generation landing page for a pulmonology patient education platform. It uses an expert panel structure to walk visitors through real specialist voices, condition-specific guidance, and a low-friction email capture form. The Forest Trust color system and editorial typography create a calm, clinic-like reading experience patients can trust at any hour.
Who this template is for
This template is built for pulmonologists, respiratory therapists, and lung health educators who want to reach patients outside the clinic. It suits anyone running a patient education platform focused on respiratory conditions.
- Pulmonology practices and specialist clinics building an email list of engaged patients
- Digital health educators covering asthma, chronic obstructive pulmonary disease (COPD), sleep apnea, and caregiver support
- Respiratory therapists and sleep medicine physicians sharing actionable technique guidance online
What problem this template solves
Patients leave appointments with questions they cannot answer until their next visit. This template fills that gap by delivering trusted specialist voices in a format patients can absorb on their own time, including late at night on a phone.
- Newly diagnosed patients often search for peak flow zones, inhaler techniques, and spirometry results at midnight with no reliable source to turn to
- Caregivers decoding discharge summaries for aging parents need plain-language explanations, not dense clinical jargon
- Practices lose potential long-term patient relationships when there is no easy way to stay connected between visits
What you get with this template
The template delivers a complete single-column landing page flow. Every section is pre-structured so you can focus on adding your real clinician content without rebuilding layouts from scratch.
- A portrait-centered hero section with a headline, introductory copy, and the first lead capture form placement
- Three rotating expert panel sections, each with space for a clinician photo, credentials, and one clear actionable insight
- A condition coverage bento grid for asthma, COPD, sleep apnea, and caregiver-focused content blocks
- A lead magnet call-to-action section offering a free printable peak-flow tracking sheet alongside the email form
- A patient testimonials section with condition tags and trust badge placements
- A clean single-row footer layout
Feature list
This template packages several purpose-built components that make it ready to launch quickly as a pulmonology patient education platform.
Portrait-Centered Hero with Inline Form
The hero opens with a warm, tightly cropped clinician portrait and a fade-in headline. Directly below, a short form captures first name, email address, and a single-select condition tag. Tag options include asthma, COPD, sleep apnea, caregiving for someone, and just learning. This keeps entry friction low while giving you useful segmentation from the first interaction.
Rotating Expert Panel Sections
Three specialist panels scroll in sequence, each introducing a different clinician. The layout supports a face, credentials, and one focused insight per panel. The primary call-to-action button reappears after every second expert panel, so conversion opportunities are spaced naturally through the scroll rather than clustered at the top.
Condition Coverage Bento Grid
A structured bento grid organizes four condition areas into scannable cards. Each card gives visitors a clear entry point into the topic most relevant to them, whether that is childhood asthma triggers, oxygen therapy for COPD, sleep apnea overlap with lung disease, or guidance written specifically for caregivers.
Lead Magnet Download Block
A dedicated section offers a free printable peak-flow tracking sheet as an immediate download. This rewards the click before the email sequence begins and gives visitors something tangible to take away, building trust before they decide to subscribe.
Patient Testimonials with Condition Tags
The social proof section displays patient testimonials alongside condition-specific tags. Trust badges and the metric of over 5,000 patients guided sit within this section to reinforce credibility at the point closest to the final call to action.
GSAP Scroll Reveal Animations
The template uses GSAP-powered scroll reveals and staggered card entries throughout. Expert panels and bento grid cards animate in as the visitor scrolls, creating a sense of unhurried discovery rather than a wall of static text.
Page sections overview
| Section | Purpose |
|---|---|
| Hero portrait block | Opens with clinician photo, headline, and first lead form |
| Expert panel one | Pediatric pulmonologist on childhood asthma triggers |
| Expert panel two | Respiratory therapist demonstrating pursed-lip breathing |
| Expert panel three | Sleep medicine physician on apnea and lung disease overlap |
| Condition coverage grid | Bento grid for asthma, COPD, sleep apnea, and caregiving |
| Lead magnet call to action | Peak-flow sheet download with email capture form |
| Patient voices | Testimonials with condition tags and trust badges |
| Page footer | Single-row linear footer with essential links |
Design & branding system
The template follows an Educational Guide theme with a Forest Trust color palette. The visual language is editorial and warm, designed to feel unhurried and grounding rather than clinical and cold.
- Evergreen (#1B4332) anchors headers and navigation; fern (#52796F) carries card borders and body text backgrounds; birch white (#EAF0E6) opens generous reading space; warm amber (#D4A04A) is reserved for call-to-action buttons and highlighted terms only
- Typography pairs Fraunces serif for headlines with DM Sans for body text, reinforcing a balance between authority and approachability
- Hover states on expert cards and smooth scroll-triggered animations keep the experience interactive without feeling rushed
Mobile & speed optimization
The template is built mobile-first, reflecting the reality that patients most often search for lung health information on phones late at night. Layout decisions prioritize vertical readability and thumb-friendly tap targets throughout.
- Single-column flow stacks cleanly on small screens without requiring separate mobile breakpoints for each section
- Client-side interactivity, including the condition tag form and GSAP animations, is scoped only to components that need it, keeping the rest of the page lightweight
How this template helps you convert
Every structural choice in this template works toward one outcome: turning a worried, late-night visitor into a subscribed patient who trusts your platform.
- The short three-field form with a condition tag selector reduces hesitation by asking only what is necessary, while the tag gives visitors a sense that the content ahead is relevant to their specific situation.
- Repeating the primary call-to-action button after every second expert panel means conversion opportunities appear naturally at the moments when trust is highest, right after a visitor has just heard a calm, credentialed clinician confirm what they were searching for.
- The immediate peak-flow tracking sheet download creates a tangible reward before the email sequence begins, making the exchange feel genuinely useful rather than transactional.
Other information about this template
This template is built on a single-column flow structure, which makes it easy to customize section order or swap in your own clinician photography and credentials without disrupting the overall layout rhythm.
- The condition tag selector ships with five preset options: asthma, COPD, sleep apnea, caregiving for someone, and just learning, and can be updated to reflect your platform's exact condition coverage
- The template style is categorized under Health and Medical, Pulmonology Medicine, making it a focused starting point for any respiratory health education initiative
- The Forest Trust palette and Educational Guide theme are cohesive enough to carry through to email templates or downloadable materials, supporting a consistent brand experience beyond the landing page itself




Theme
Educational Guide
Creative direction
Expert Panel
Color system
Forest Trust
Style
Single Column Flow
Direction
Lead Generation
Page Sections
Portrait-centered Hero with Lead Form
Rotating Expert Panel Layout
Condition Coverage Bento Grid
Lead Magnet Download Block
Patient Testimonials Section
GSAP Scroll Reveal Animations
Related questions
Can I replace the clinician portraits with my own team's photos?
Does the condition tag selector come pre-configured?
Is the peak-flow tracking sheet included in the template?
How many times does the primary call-to-action appear on the page?
Can this template be focused on a single respiratory condition?