Journey - Support Group Landing Page Template

Quick summary

Journey is a single-page, anchor-nav landing page template designed for infertility support groups. It leads with a hand-drawn line art animation, layers real-voice testimonial fragments into a mosaic layout, and closes with a gentle three-step booking form. Every design decision serves one goal: helping an exhausted, grieving visitor feel safe enough to reserve their chair.

Who this template is for

This template is built for facilitators, counselors, and community organizers running infertility support groups, whether in-person, virtual, or both. It speaks directly to the people most likely to arrive at that page in a vulnerable state, and it gives the group a presence that matches the emotional weight of the work.

• Fertility counselors and therapists launching a group program
• Community organizers hosting peer-led infertility circles
• Wellness practitioners offering structured support for people between or after treatment cycles

What problem this template solves

People navigating infertility often feel invisible. Standard healthcare pages feel clinical. Generic wellness sites feel distant. This template solves the gap between what a support group actually offers and what most pages manage to communicate. It earns trust before it asks for anything.

• Visitors arrive emotionally raw and skeptical; a cold sign-up form alone will not convert them
• Most templates cannot carry the emotional weight that infertility-adjacent content requires
• Groups need a booking path that feels gentle, not transactional

What you get with this template

You get a complete, mobile-first landing page with five clearly defined content sections, a fixed anchor navigation panel, a multi-step booking form, and an email capture path for visitors who are not yet ready to commit. Every section is built to be filled with real voices and real session details.

• A hero section with an SVG line art scroll animation and a headline fade-in
• A testimonial mosaic spoke with asymmetric fragment tiles for layered social proof
• A three-step booking form collecting format preference, experience stage, and a session calendar picker

Feature list

This template delivers a focused set of interactive and visual capabilities drawn directly from the design brief.

SVG Line Art Scroll Animation

The header features a single continuous line art illustration that draws itself as the visitor scrolls. The line forms two hands almost touching, then cradling an abstract shape. It renders in clay on warm white and uses CSS animation with Intersection Observer, keeping the effect smooth without heavy libraries.

Fixed Anchor Navigation Panel

A hub and spoke navigation panel sits fixed on the left side of the page throughout the scroll. Spoke labels include Stories, How It Works, Our Facilitators, and Gather With Us. Visitors can jump to any section instantly, which matters especially for returning visitors on mobile.

Testimonial Mosaic Layout

The Stories spoke arranges real voice fragments into an asymmetric tile grid. Short phrases, single sentences, and longer anchoring passages are staggered across the section. Fragment stagger reveals animate tiles into view as the visitor scrolls, creating the feeling of a room gradually filling with people.

Three-Step Booking Form

The Gather With Us spoke presents a sequential booking form with exactly three fields: preferred group format (in-person or virtual), experience stage (currently in treatment, between cycles, post-treatment, or exploring options), and a calendar picker showing next available sessions. The form is structured to reduce friction and decision fatigue.

Secondary Email Capture Path

Below the booking form, a softer secondary call to action reads "Not Ready Yet? Join Our Letter." It collects an email address for a gentle monthly note, giving hesitant visitors a low-commitment way to stay connected until they feel ready to join a session.

Facilitator Profile Cards

The Our Facilitators spoke uses a two-column card layout to present counselor credentials and personal statements. Cards are designed to feel human and approachable rather than clinical, reinforcing the trust the testimonial mosaic has already built.

Page sections overview

Design & branding system

The visual identity follows a Healing Space theme built on the Cloud Canvas color system. The palette is intentionally soft and unhurried, with every interactive element grounded in clay so the eye always knows where to go without being pushed.

• Warm white (#FAF7F2) serves as the primary background across all sections
• Muted sage (#B7C4A8) and whisper lilac (#D5C6E0) alternate as section wash colors
• Grounding clay (#C2A68C) colors all buttons, interactive anchors, and the line art illustration
• Fraunces serif italic handles all headlines; DM Sans handles all body text

Mobile & speed optimization

The template is built mobile-first because the primary visitor is likely on a phone late at night. Animations use CSS and Intersection Observer rather than heavy JavaScript libraries, keeping the experience light on lower-end devices.

• Fragment stagger reveals and the SVG line draw rely on native CSS animations and scroll events
• The fixed anchor nav adapts for smaller screens without blocking content
• No heavy third-party libraries are included in the animation or interactivity layer

How this template helps you convert

The page is structured so that trust accumulates before the visitor ever sees a form. By the time they reach the booking section, they have already heard voices that sound like their own.

1. The testimonial mosaic does the persuading first, layering real fragments until the collective weight of shared experience becomes the argument for joining
2. The "Reserve Your Chair" call to action appears beneath the hero and again as a persistent button after the second spoke, catching visitors at two natural decision moments
3. The three-step form reduces friction by asking only what is needed, in a sequence that feels like a gentle conversation rather than an intake process

Other information about this template

Journey was designed specifically for the infertility support niche within health and medical wellness. It reflects the emotional reality of people navigating fertility treatment, loss, and the space in between.

• The template uses no photography and no faces; the absence is intentional and creates an open, inviting space for visitors to project their own experience
• A marquee ticker element is included in the hero stats row to surface session counts or brief social proof metrics
• The footer follows a horizontal flow pattern and is kept ultra-minimal to avoid distracting from the booking path
• The page is built for English (United States) audiences and uses USD for any pricing or session cost display

Show more