Cancer Recovery Care Specialist Professional Website Template

Quick summary

Tend is a single-page landing page template designed for cancer caregiver support services. It combines an animated SVG header, a zigzag alternating layout, and an interactive quiz to help unpaid caregivers measure their load and find tailored support. The tone is quiet and grounding, clinical enough to trust, warm enough to stay.

Who this template is for

This template is built for services, practitioners, and organizations that support unpaid caregivers of cancer patients. If your audience is the person beside the patient, not the patient themselves, this layout speaks directly to them.

• Cancer caregiver support services launching a first web presence or refreshing an existing one
• Oncology social workers and care navigators who need a referral-ready intake page
• Wellness organizations offering respite planning, counseling, or care coordination for family caregivers

What problem this template solves

Unpaid caregivers are often invisible to the healthcare system. They manage medication schedules, coordinate specialist appointments, handle insurance calls, and carry emotional weight, all without a clear place to ask for help. Most service landing pages do not acknowledge this specific, exhausting reality.

• Generic healthcare layouts fail to validate the caregiver's lived experience before asking for a sign-up
• A standard contact form does not help a burned-out caregiver understand what kind of support they actually need
• Caregivers scrolling at 2 a.m. on a phone need a page that feels calm, not clinical and cold

What you get with this template

You get a fully structured, single-page layout with five named sections and a footer. Every section is ready to customize with your own copy, colors, and service details. The interactive quiz component is built into the page flow, not bolted on as an afterthought.

• An animated SVG header with a continuous-line hand illustration and a serif headline
• A zigzag alternating section layout that physically shifts from problem to solution as the visitor scrolls
• A multi-step quiz with a slider entry point, progressive questions, and an immediate personalized results summary

Feature list

This template includes the following built-in capabilities drawn directly from the design brief.

Animated SVG Line Art Header

The hero section features a single continuous-line illustration of two hands. The line draws itself over two seconds using an SVG path animation triggered on page load. No photography, no faces, just restrained, meaningful line art set against arctic white.

Zigzag Alternating Section Layout

The page uses a left-right alternating block structure. Problem sections are left-weighted against a pale ice blue background. Solution sections are right-weighted against clinical white. The scroll itself physically mirrors the feeling of weight shifting from visitor to service.

Multi-Step Caregiver Quiz

The primary interactive element is a guided assessment. It opens with a low-friction slider question about weekly caregiving hours, then progressively asks about emotional state, support network size, and the care recipient's treatment phase. Results are delivered immediately as a personalized support plan summary.

Persistent Quiz Call to Action

The coral-colored call to action button, labeled "Find Your Caregiver Support Score," appears first below the hero headline and then anchors the bottom of every alternating section. This repetition keeps the conversion path visible without being aggressive.

Testimonials Section

A dedicated section holds specific caregiver voices with named situations. These are not generic pull quotes. They reflect real caregiver scenarios, a spouse managing overnight medication, a daughter coordinating multiple oncologists, to build trust through recognition.

Single-Row Footer

The footer follows a linear single-row pattern. It is clean, uncluttered, and consistent with the Medical Clarity visual identity across the full page.

Page sections overview

Design & branding system

The template follows a Medical Clarity visual theme. The palette is precise and intentional, sterile enough to signal trust, warm enough to feel human. Typography pairs a serif display face for headlines with a clean sans-serif for body text.

• Color system: clinical white (#F8F9FB) for base backgrounds, soft graphite (#4A4E57) for body text, pale ice blue (#E3EDF4) for alternating section backgrounds, and steady coral (#E07A5F) reserved exclusively for interactive elements and call to action buttons
• Typography: Fraunces for serif display headlines, DM Sans for all body and supporting text
• Visual restraint is part of the design strategy, no photography, no faces, generous white space that functions as emotional relief

Mobile & speed optimization

This template is built mobile-first. The target user is a caregiver scrolling on a phone in a hospital waiting room or at a bedside at 2 a.m. The layout and interactions are designed to perform reliably in that context.

• The JavaScript footprint is kept minimal to support smooth loading on mobile connections
• Scroll-triggered reveals and the SVG animation are optimized to run without heavy processing
• The quiz slider and multi-step flow are sized and spaced for thumb-friendly interaction on small screens

How this template helps you convert

The conversion strategy earns the click before it asks for anything. The quiz validates what caregivers already feel, exhaustion is measurable, and it has a response plan, before presenting a next step.

1. The first call to action, "Find Your Caregiver Support Score," appears immediately below the hero headline. It leads with the lowest-friction question possible, a simple slider, removing hesitation at the entry point.
2. After the quiz delivers a personalized support plan summary, a secondary call to action, "Talk to a Care Navigator", links directly to a scheduled call booking, moving the visitor from self-assessment to human contact in one step.

Other information about this template

This template is category-specific and purpose-built. It is not a general healthcare template adapted for caregiver use. Every design and copy decision in the brief reflects the lived reality of unpaid cancer caregivers.

• The template is localized for English (US) audiences and requires no currency formatting
• The page type is a single landing page, not a multi-page website, keeping the visitor's path focused and uninterrupted
• Scroll-triggered section reveals are part of the medium animation layer, sitting between a static page and a heavy interactive experience
• The template is well-suited for services that refer caregivers to support, including oncology nurses and social workers who need a credible, shareable intake page
• The overall experience is designed to feel like a quiet room with a closed door, the first moment in months where a caregiver is asked about themselves

Show more