Compass - Geriatric Clinic Landing Page Template

Quick summary

This is a geriatrician patient education landing page designed for adult children managing an aging parent's complex care. The zigzag Testimonial Mosaic layout alternates real family stories with clinical explainers, building trust section by section. Every panel ends with a single amber call-to-action button routing visitors to the clinic's booking platform.

Who this template is for

This template is built for board-certified geriatric medicine clinics that need to convert concerned family members into booked consultations. It speaks directly to the adult child doing the late-night research, not only the patient themselves.

• Adult children aged 45 to 65 managing a parent's post-emergency-room decline
• Geriatric clinics that want to explain their specialty clearly before a visitor ever picks up the phone
• Practices ready to lead with patient education rather than a cold intake form

What problem this template solves

Families searching for geriatric care are often overwhelmed and unsure whether this specialty is right for their situation. Generic medical websites give them credentials but no emotional recognition. This template solves that gap.

• It answers "what does a geriatrician actually do?" through story-paired clinical panels
• It relieves the coordination burden feeling by showing how one specialist can untangle polypharmacy, fall risk, and cognitive decline
• It removes friction from the conversion moment by educating first and asking for the booking click only when trust is already built

What you get with this template

You get a fully structured single-page layout with six distinct content sections and a sticky bottom call-to-action bar. Each section is purpose-built and ready to populate with your clinic's real patient stories and clinical content.

• A portrait-centered hero section with headline placement, credential display, and zero animation
• Three zigzag story-and-explainer pairs covering polypharmacy, fall risk, and cognitive decline
• A sticky bottom bar with a call-to-action button and phone number that appears after the second scroll section

Feature list

This section details the core capabilities built into the template as described in the source brief.

Portrait-Centered Hero Section

A tightly composed header built around a shoulders-up physician portrait. The headline sits below the image in serif type. The stillness of this section is intentional, communicating unhurried clinical focus from the first moment on the page.

Zigzag Testimonial Mosaic Layout

Three left-right alternating panels, each pairing a named family testimonial with a facing clinical education block. Each testimonial tile shows a small portrait, a first name, and a relationship label. The clinical panel uses numbered steps and teal iconography to explain each topic without jargon.

Sticky Bottom Call-to-Action Bar

After the second scroll section, a persistent bottom bar appears carrying the amber booking button and a phone number. It stays visible as the visitor continues reading, so the path to booking is never more than a glance away.

Single Amber call to action Button System

The catalyst amber color is reserved exclusively for call-to-action buttons throughout the page. The button reads "Schedule a Family Consultation" and routes to the clinic's external booking platform. Amber appears no more than once per viewport, making each button feel like a natural next step.

Clinical Education Panels

Each zigzag section includes a structured educational block covering one clinical topic. Topics include medication interaction reviews, balance and mobility assessments, and cognitive care planning. Short paragraphs and numbered steps replace dense medical text.

GSAP ScrollTrigger Animations

Section reveals, image overlays, and staggered text use medium-intensity GSAP ScrollTrigger animations. The amber call-to-action button pulses once on its first appearance. Animations are purposeful and restrained, reinforcing the Corporate Precision tone.

Page sections overview

Design & branding system

The template uses a Corporate Precision visual theme. The Teal Catalyst color system blends clinical authority with human warmth so that visitors feel reassured rather than processed.

• Deep teal (#0D7377) anchors all headers and iconography; warm charcoal (#2C3E50) handles body text and section dividers; soft pearl (#F4F7F6) alternates across background panels
• Catalyst amber (#E8A838) appears only on call-to-action buttons and interactive highlights, never as decoration
• Typography pairs Fraunces serif headlines with DM Sans body text, creating a contrast between editorial weight and clean readability

Mobile & speed optimization

The template is built mobile-first because the target visitor is typically searching on a phone late at night after a stressful day. The layout adapts the zigzag panels to a single-column stack on smaller screens without losing the story-and-explainer pairing logic.

• Hero image loads as a priority asset; all other images load lazily as the visitor scrolls
• Static content sections use server components to reduce the initial load on the visitor's device
• The sticky bottom call-to-action bar is especially effective on mobile, where it remains thumb-accessible at all times

How this template helps you convert

The page is structured to earn the booking click through education rather than pressure. Each section adds a layer of trust before the next call-to-action button appears.

1. The hero portrait and headline establish immediate physician credibility, so the visitor decides within seconds that this clinic is different from a general practitioner's site.
2. The Testimonial Mosaic builds cumulative recognition. By the third story pair, a visitor has seen their own family situation reflected and understands exactly what the clinic addresses.
3. The sticky bottom bar and repeated amber button remove the need to scroll back to convert. The decision is made mid-read, and the path is always visible.

Other information about this template

This template was designed specifically for the geriatrician patient education hub use case in a Northeast United States clinical context. It uses United States date formatting and English-language copy throughout.

• The no-form page structure is a deliberate conversion strategy. Visitors are educated thoroughly enough that clicking the external booking link feels like a conclusion, not a commitment.
• The page is scoped to a single-page landing structure with six sections and a linear footer, not a multi-page website build.
• Credential badge placement and social proof elements including named testimonials and relationship labels are built into the layout and ready for your clinic's real content.

Show more