Thrive - Patient Portal Landing Page Template

Quick summary

This occupational therapist patient portal landing page turns pre-visit anxiety into a calm, guided experience. Patients complete screenings, upload referrals, and receive a personalized preparation checklist before they ever arrive at the clinic. The single-column flow keeps every step visible and forward-moving, converting first-time visitors into confirmed intake appointments in under ninety seconds.

Who this template is for

This template is built for occupational therapy practices that want to modernize patient intake. It works equally well for solo practitioners and multi-therapist clinics handling diverse caseloads.

• Post-surgical adults working to regain hand and wrist function after surgery
• Parents managing sensory processing evaluations for their children
• Employers and human resources departments requesting functional capacity assessments for return-to-work clearance

What problem this template solves

First-time patients often arrive confused, underprepared, or anxious about what to expect. That friction slows down intake and delays the start of meaningful treatment. This template removes the bottleneck by moving the entire intake process online before the first visit.

• Patients frequently forget required documents, referrals, or insurance details on their first visit
• Clinics lose valuable appointment time collecting basic information at the front desk
• Patients navigating unfamiliar clinical processes need clear, step-by-step guidance to feel confident

What you get with this template

You get a complete, fully structured occupational therapist patient portal landing page ready to customize. Every section serves a specific intake purpose, from the opening hero through the instant summary and calendar reservation.

• A portrait-centered hero section with a fade-in headline and prominent "Begin Your Screening" call to action
• A four-step expandable pathway with birch-colored progress bars and hand-illustration transitions
• A five-question inline screening quiz that generates an instant personalized summary and reservation prompt

Feature list

This template packages several purpose-built components that work together to guide patients through intake smoothly.

Portrait-Centered Hero with Fade-In Headline

The header opens with a warmly lit, shallow-depth-of-field photograph of a therapist guiding a patient's wrist through a range-of-motion exercise. A single headline fades in over the image: "Your recovery starts before your first visit." The layout immediately communicates clinical care and human warmth before a single word of body copy is read.

Four-Step Expandable Intake Pathway

A numbered vertical card layout walks patients through each intake stage. Step one identifies the referral type. Step two collects a brief screening response. Step three handles document uploads. Step four delivers the personalized preparation checklist. Each card expands on click and uses a birch-accent progress bar that fills as the visitor scrolls, making the page feel like active forward motion.

Five-Question Inline Screening Quiz

The assessment opens inline without redirecting the visitor. It asks five progressive questions covering area of concern, pain or limitation level, current physician or referral source, insurance carrier, and preferred appointment window. Input formats include a dropdown, a visual slider, a short text field, an autocomplete field, and a morning or afternoon toggle for a smooth, low-friction experience.

Instant Personalized Summary

Completing the quiz generates an immediate summary tailored to the patient's answers. The summary includes an estimated session focus, a suggested list of documents to bring, and a "Reserve Your Evaluation" button that locks in a calendar slot. This converts screening curiosity into a confirmed intake without any manual follow-up required.

Patient Stories Section

Three testimonials represent the core patient types served by the practice. One reflects a post-surgical adult recovering grip strength, one comes from a parent navigating a pediatric evaluation, and one represents an employer or human resources contact requesting a functional capacity assessment. Social proof is grounded in real use cases rather than generic praise.

Sticky Secondary Call to Action

After the visitor passes step two of the pathway, a sticky "Begin Your Screening" button remains visible as they scroll. This persistent prompt catches visitors who pause mid-page and reduces the chance they leave before completing intake.

Page sections overview

Design & branding system

The visual identity follows a Corporate Precision theme layered with the warmth of a national park lodge. Every color choice reinforces trust and calm without feeling sterile.

• Deep evergreen (#1B4332) anchors the header and footer, establishing clinical authority
• Warm birch (#DDA15E) highlights buttons, progress bars, and interactive indicators for clear visual momentum
• Soft linen white (#FEFAE0) provides generous breathing room between sections, keeping the layout open and unhurried
• Clinical slate (#606C5D) keeps body text legible without the harshness of pure black

Typography uses Fraunces for serif headings and DM Sans for body copy and interface elements, pairing editorial warmth with clean readability.

Mobile & speed optimization

The template is designed desktop-first with full mobile responsiveness. Many patients will complete their intake on a phone while sitting in a waiting room or at home between appointments.

• The inline quiz, slider input, appointment toggle, and expandable step cards are all built to work smoothly on touch screens
• Static page sections use server-rendered components, reserving interactive rendering only for the quiz to keep the overall page light
• Scroll-triggered animations and progress bar fills are kept at medium intensity, providing visual feedback without slowing the experience

How this template helps you convert

Every design and layout decision on this page is aimed at moving a first-time visitor toward a confirmed intake appointment.

1. The sticky "Begin Your Screening" button keeps the primary action visible throughout the scroll, catching visitors at any point in the page rather than only at the top or bottom.
2. The five-question quiz generates an instant personalized summary, giving patients a concrete reason to take the final step and reserve their evaluation immediately after completing the screening.

Other information about this template

This template is particularly well suited for occupational therapy practices that serve mixed patient populations under one intake flow. The referral type dropdown allows a single portal to serve post-surgical adults, pediatric families, and employer-referred patients without requiring separate intake pages.

• The "4,200+ intakes completed" social proof stat is included in the hero section as a floating trust indicator alongside the primary call to action
• Micro-illustrations of hands performing daily tasks such as turning a key, buttoning a shirt, and gripping a jar are placed at transitions between step cards to reinforce occupational therapy context
• The page uses Fraunces serif headings paired with DM Sans body text, giving the layout editorial warmth without sacrificing clinical clarity
• The footer follows a linear single-row pattern, keeping the bottom of the page clean and uncluttered

Show more