Breathe - Specialist Clinic Landing Page Template

Quick summary

Breathe is a single-page asthma clinic template built to convert concerned patients into booked appointments. It leads with a radial-gauge assessment tool, then walks visitors through four condition-specific expert panels. Each panel pairs a physician portrait and quoted insight with a comparison table contrasting outdated assumptions against current evidence-based care. The intake form follows naturally after the score is revealed.

Who this template is for

This template is designed for pulmonology and asthma specialty clinics that want to demonstrate genuine diagnostic depth before asking a visitor to book. It works for practices that treat a range of asthma presentations and need one page to speak to several different patient profiles at once.

• Parents searching for answers during a child's nighttime wheeze episode
• Adults who have normalized daily rescue inhaler use and want a real treatment plan
• Athletes dealing with exercise-induced bronchoconstriction who have quietly stopped competing

What problem this template solves

Most asthma clinic pages look identical: a hero image, a phone number, and a generic "book an appointment" button. Patients with complex or poorly controlled asthma need more than that before they commit to a consultation. They need to recognize their own pattern in the information they are reading.

• Generic clinic pages do not distinguish between condition types, so patients cannot tell if the practice understands their specific situation
• There is no tool to help a visitor self-assess before booking, which raises friction and lowers trust
• Comparison tables are rarely used in healthcare marketing, leaving patients without a clear picture of what better care actually looks like

What you get with this template

This template delivers a complete, structured landing page built around a central interactive assessment and a series of expert-led comparison panels. Every section has a defined role in moving a visitor from awareness to appointment.

• An interactive five-question Asthma Control Assessment with a radial gauge that shifts from red through amber to green as answers are submitted
• Four condition-specific expert panels covering allergic asthma, exercise-induced bronchoconstriction, severe eosinophilic asthma, and pediatric wheeze
• A lead capture intake form, a sticky "Talk to a Specialist" bottom bar, and a call-to-action strip with trust signals

Feature list

This template is built around a specific set of interactive and visual components drawn from the source brief. Each one serves a clear purpose in the patient journey.

Interactive Asthma Control Assessment

Visitors answer five validated questions using sliding scales and illustrated icons. Topics cover nighttime waking frequency, rescue inhaler use, activity limitation, self-rated control, and spirometry awareness. A radial gauge animates in real time, producing a personalized control score with a one-sentence clinical interpretation.

Condition-Specific Expert Panels

Four scrollable panels introduce the clinic's specialists one condition at a time. Each panel includes a physician portrait, a quoted clinical insight, and a comparison table. The table places common outdated treatment assumptions on the left and current evidence-based protocols on the right.

Side-by-Side Comparison Tables

Every expert panel anchors its educational content in a structured two-column table. Soft mist backgrounds with sage row striping keep dense clinical information readable. The format escalates from general awareness to condition-specific pattern recognition as the visitor scrolls.

Scroll-Driven Reveal Animations

Scroll reveals and staggered entrance animations guide attention through each panel. The gauge animation at the top draws immediate engagement. Medium-intensity animation keeps the page lively without distracting from clinical content.

Lead Capture Intake Form

After the assessment score is revealed, a short form collects name, primary symptoms via multi-select checkboxes, current medications, insurance carrier, and preferred appointment window. The form feels like a natural continuation of the assessment rather than a standalone gate.

Sticky Specialist Booking Bar

A secondary call-to-action bar floats at the bottom of the screen after the visitor passes the second expert panel. Labeled "Talk to a Specialist," it links to a direct phone consult booking and stays visible throughout the remainder of the scroll.

Page sections overview

Design & branding system

The visual identity follows an Educational Guide theme built around a Soft Mist color system. The palette is intended to feel like the air inside a clean room after rain: soft, still, and easy to take in. Typography uses DM Sans for headings and Manrope for body text, creating a clean clinical warmth without feeling sterile.

• Five palette values anchor every element: morning fog white (#F4F7F9) for backgrounds, alveolar pale blue (#D6E6F2) for section fills, calm sage (#A3C4BC) for row striping and accents, deep clinical navy (#1B3A4B) for headings and anchoring text, and gentle apricot (#F2C4A1) for call-to-action buttons and interactive highlights
• Comparison table rows use sage striping on soft mist backgrounds to make dense clinical data approachable
• The hero section uses a gradient from mist white to pale blue, framing the assessment tool in a visually calm, medically credible space

Mobile & speed optimization

This template is built with a mobile-first priority, reflecting the reality that many of its target visitors are parents searching for help during a late-night wheeze episode. The calculator is client-side only, meaning the assessment runs without any server round-trips.

• Scroll reveals and stagger animations are set to medium intensity so they perform well on mobile without visual lag
• The sticky "Talk to a Specialist" bar is designed to remain accessible on small screens throughout the scroll experience
• The intake form uses multi-select checkboxes and a preferred appointment window field, keeping data entry fast on a phone keyboard

How this template helps you convert

The conversion strategy is built on a value-first principle: give the visitor something genuinely useful before asking for anything in return. This approach reduces friction and builds clinical credibility in the same motion.

1. The Asthma Control Assessment delivers a personalized score before the intake form appears, so the form feels like a logical next step rather than an interruption
2. Condition-specific expert panels help each visitor type (parent, adult patient, athlete) recognize their own situation in the content, increasing the relevance of the "Check My Asthma Control" call to action
3. The sticky booking bar ensures that a conversion path is always visible, catching visitors who are ready to act before reaching the final call-to-action strip

Other information about this template

This template is categorized under Health and Medical, specifically within the Asthma Care subcategory and the Asthma Specialist Clinic niche. It is localized for English-speaking audiences in the United States, using USD currency formatting and MM/DD/YYYY date conventions. The template style is Comparison Table with an Educational Guide theme, and the header concept is a Calculator or Estimator tool.

• The template is designed for B2C lead generation in a specialty healthcare context, not general practice or urgent care
• Animation is set to medium intensity with gauge animation, scroll reveals, and stagger effects as specified in the build
• The footer follows a linear single-row pattern (Pattern 1) as defined in the project details
• This template supports a high-interactivity build with five-question slider input, radial gauge output, and a multi-field intake form

Show more