Titer - Support Community Landing Page Template
Titer is a sidebar companion landing page built for a peer-led chronic infectious disease support community. It pairs clinical data credibility with genuine human warmth, guiding newly diagnosed adults and long-term patients toward booking a first session or subscribing to a weekly digest. The design follows a Corporate Precision style using an Alpine Fresh color system.
by Rocket studio
Quick summary
Titer is a single-page, sidebar companion layout built for a peer-led infectious disease support community. It earns trust through anonymized member data and micro-chart evidence before asking for any personal commitment. The primary goal is a booked session. A low-barrier secondary path captures email subscribers who are not yet ready to book.
Who this template is for
This template is built for health community founders, patient advocacy organizations, and clinical support platforms serving adults living with chronic infectious conditions. It fits operators who need to convert cautious, research-driven visitors without pressuring them.
- Peer-led communities supporting hepatitis B, HIV, and long-term Lyme disease patients
- Health platforms targeting newly diagnosed adults aged roughly 28 to 45 who are overwhelmed and information-hungry
- Community managers serving immunocompromised parents and long-haulers who have felt dismissed by specialists
What problem this template solves
People living with chronic infectious diseases often face a painful gap. Their clinicians hand them lab numbers, but no one explains what those numbers mean for daily life. Online searches at 2 AM leave them anxious rather than informed. Generic support forums feel unverified and emotionally exhausting.
- Visitors arrive skeptical and fearful, needing clinical legitimacy before they trust any community
- Conversion is blocked by vulnerability: asking for personal disclosure too early drives people away
- The page must prove data credibility and human warmth simultaneously, or it loses both audiences
What you get with this template
You get a fully structured, desktop-first sidebar companion landing page with a mobile fallback. Every section is purpose-built to move a cautious visitor from first impression to booked session, or to a low-stakes email subscription.
- A fixed sidebar with scroll-tracking patient journey stages: Diagnosis, Understanding, Community, and Action
- A three-step inline booking scheduler with a condition dropdown, format selector, and date and time slot picker
- An anonymized testimonial card header, Stats-First Impact data sections, and inline micro-chart evidence blocks
Feature list
Fixed Sidebar with Patient Journey Navigation
The persistent left sidebar tracks the visitor's scroll position through four labeled stages: Diagnosis, Understanding, Community, and Action. Active states pulse in wildflower blue, giving visitors a clear sense of progress without pressure. The sidebar also carries the primary "Book Your First Session" call to action at all times.
Stats-First Impact Data Sections
Each new content section opens with a single oversized data point before any explanatory copy appears. The lead statistic, such as "73% of members report reduced health anxiety within 8 weeks," is set in large evergreen numerals. Supporting narrative and inline micro-charts follow beneath, building trust through evidence rather than claims.
Three-Step Inline Booking Scheduler
The scheduler runs entirely within the page without a redirect. Step one asks for condition category via a dropdown covering HIV, Hepatitis, Lyme, and Other Infectious. Step two lets the visitor choose their preferred format: video group, phone one-on-one, or in-person where a metro area is detected. Step three renders available date and time slots as calm wildflower-blue pill buttons.
Floating Testimonial Card Header
The page opens with an oversized testimonial card set against glacier white. It carries a real member quote in evergreen serif type, followed by anonymized stats in wildflower-blue monospace: months since diagnosis, sessions attended, and self-reported confidence scores before and after joining. No portrait or full name appears, only a first initial and diagnosis year.
Secondary "Just Listening" Email Path
Visitors who are not ready to book can follow a low-barrier secondary call to action labeled "Just Listening For Now." This subscribes them to an anonymous weekly digest of community insights using only an email address. It captures interest without requiring the vulnerability of scheduling a session.
Inline Micro-Chart Evidence Blocks
Viral load trend lines, attendance streaks, and anonymized mood trackers appear as small inline charts throughout the page. Each chart is captioned and tied directly to a surrounding narrative point. They function as evidence, not decoration, reinforcing the community's clinical credibility at every scroll depth.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Testimonial Card | Opens trust with an anonymized member quote and clinical stat cluster |
| Glassmorphic Stat Cards | Reinforces impact with condition-level population data at a glance |
| Impact Stats Block | Leads with the 73% anxiety-reduction data point and supporting micro-charts |
| Community Stories | Narrows from population data to individual member transformation accounts |
| How It Works | Explains three session formats with inline evidence and format details |
| Booking Scheduler | Hosts the three-step inline session booking flow with time slot picker |
| "Just Listening" Path | Offers anonymous digest subscription as a low-commitment alternative |
| Footer Row | Single-row linear footer with essential links and community context |
Design & branding system
The visual identity follows a Corporate Precision theme built on the Alpine Fresh color system. Every surface is intentional: the palette evokes a Swiss research clinic at altitude, where sterility and warmth coexist. Fraunces serif handles all headings, reinforcing clinical authority. DM Sans handles body copy and interface elements for clean readability.
- Glacier white (#F7FAFA) backgrounds, evergreen (#1B4332) for typographic hierarchy and the sidebar navigation spine, and stone gray (#6B7D7D) for secondary text and divider lines
- Wildflower blue (#5FA8D3) activates on buttons, progress indicators, interactive pills, and active sidebar states, suggesting clinical optimism without false cheerfulness
- Scroll-linked reveals, staggered card entry animations, and micro-chart animations run at a medium intensity to add motion without distraction
Mobile & speed optimization
The template is built desktop-first to serve the sidebar companion layout at its intended depth. A mobile fallback ensures the experience holds on smaller screens, collapsing the fixed sidebar into an appropriate mobile navigation pattern.
- Static-first architecture with client-side components isolated to the scheduler and sidebar scroll-tracking logic
- Staggered card animations and scroll-linked reveals are scoped to avoid layout interference on lower-power devices
- The three-step scheduler and condition dropdown remain fully functional in the mobile fallback view
How this template helps you convert
The page is structured to earn the booking before it asks for one. It sequences evidence, empathy, and action in a deliberate order that mirrors how a cautious patient would naturally build confidence.
- The Stats-First Impact structure leads every section with hard data, so visitors feel clinically validated before they encounter any call to action.
- The fixed sidebar and dual call-to-action strategy give every visitor two clear paths: book a session immediately or subscribe anonymously, reducing abandonment from visitors who need more time.
Other information about this template
This template is designed specifically for the infectious disease support group and community niche within the broader Health and Medical category. It is well-suited for operators building peer support platforms for chronic illness communities, patient advocacy groups, and health coaching services focused on long-term infectious conditions.
- The page uses an American English localization standard with United States date formatting (MM/DD/YYYY) and USD pricing context
- Desktop-first layout with sidebar companion structure makes it particularly effective for detailed health content requiring navigational depth
- The template supports condition-specific community segmentation through the dropdown architecture in the booking scheduler




Theme
Corporate Precision
Creative direction
Stats-First Impact
Color system
Alpine Fresh
Style
Sidebar Companion
Direction
Booking/Scheduling
Page Sections
Fixed Sidebar with Journey Navigation
Stats-first Impact Data Sections
Three-step Inline Booking Scheduler
Floating Testimonial Card Header
Secondary Anonymous Email Subscription
Inline Micro-chart Evidence Blocks
Related questions
Who is this landing page template designed for?
Can I customize the condition categories in the booking scheduler?
What is the 'Just Listening For Now' subscription path?
Does the sidebar stay visible the entire time a visitor is scrolling?
Is this template usable on mobile devices?