Kids Baseball Specialist Booking Website Template
Dugout is a scroll-reveal landing page template built for kids baseball online class providers. It guides parents through a three-question personalized quiz, then reveals a matched class recommendation, coach credential cards, and family testimonials. The warm Lavender Dream palette and golden-hour photography create an inviting, trust-first experience that moves parents toward booking their child's first class.
by Rocket studio
Quick summary
Dugout is a single-page, scroll-reveal landing page template designed for virtual baseball coaching programs aimed at children. It combines a personalized quiz experience with family-matched social proof and coach credential cards. The result is a page that feels warm and attentive, helping parents feel understood before they are ever asked to commit.
Who this template is for
This template is built for coaches, instructors, and small platforms offering kids baseball online classes. It is especially well-suited for providers whose audience includes families with busy weekend schedules and no weeknight coaching access.
- Travel-ball families whose kids compete on Saturdays but lack a weeknight coach
- Homeschool parents building physical education credit through structured online classes
- Coaches wanting to reach apartment families or dads who want to practice with their child through a screen
What problem this template solves
Finding the right baseball class for a young child can feel overwhelming. Most multi-class platforms show a wall of options with no guidance, and parents leave without choosing anything. This template solves that by making the page feel personal before asking for a single click.
- Parents do not know which class fits their child's age and skill level
- Too many choices on a single page create hesitation and drop-off
- Generic coaching pages fail to address the specific family situations that drive real purchase decisions
What you get with this template
You get a complete, ready-to-customize landing page structured around a guided quiz experience and progressive content reveal. Every section has a clear job, from the golden-hour hero image down to the final call-to-action block.
- A full-bleed hero section with a fade-in headline and floating call-to-action card
- A three-question interactive quiz with scroll-reveal personalized recommendations and muted auto-play drill videos
- Coach credential cards, family-matched testimonial cards, and a linear single-row footer
Feature list
This section describes the core built-in capabilities of the Dugout template.
Three-Question Personalized Quiz
The quiz asks parents three focused questions: the child's age via a slider with baseball-glove icons, their biggest challenge via illustrated cards (hitting, throwing, confidence, or just starting out), and available practice days per week. Each answer progressively reveals a personalized class recommendation, keeping the experience feeling attentive rather than promotional.
Scroll-Reveal Progressive Layout
Every major content block uses scroll-reveal animation powered by IntersectionObserver. Sections only appear after the parent has interacted with the quiz, creating a sense of a page that listens and responds rather than one that dumps all content at once.
Matched Testimonial Cards
Testimonial cards are tied to family archetypes so the social proof a parent sees reflects their own situation. Cards use a soft lavender wash background and display naturally after the quiz result section to reinforce trust at exactly the right moment.
Coach Credential Cards
Former college player coaches are introduced through dedicated credential cards with photos. Each card communicates the coach's background concisely, giving parents a clear reason to trust the instruction their child will receive.
Muted Auto-Play Sample Drill Video
A free sample drill video surfaces midway through the page for parents who are not yet ready to commit. The video plays automatically on mute so it draws attention without demanding audio, lowering the barrier to engagement.
Click-Through Call-to-Action Structure
The primary call-to-action button, "Pick Their First Class," appears after the quiz result and routes to a scheduling page. A secondary softer call-to-action, "Watch a Free Sample Drill," appears earlier for parents still in the consideration phase.
Page sections overview
| Section | Purpose |
|---|---|
| Hero full-bleed | Golden-hour photo with fade-in headline and floating call-to-action card |
| Personalized quiz | Three-question diagnostic that reveals a matched class recommendation |
| Coach credential cards | Introduces former college player coaches with photos and background details |
| Testimonial cards | Family-matched social proof displayed on lavender wash cards |
| Primary call-to-action | "Pick Their First Class" button routing to scheduling page |
| Secondary call-to-action | "Watch a Free Sample Drill" for parents in the consideration phase |
| Linear footer | Single-row footer with essential links and page close |
Design & branding system
The Dugout template uses a Nurture & Care visual theme. The palette draws from a spring practice field seen through a parent's eyes: hazy, warm, and gentle. Typography uses DM Sans for headings and Manrope for body text, giving the page a warm, approachable feel without any corporate stiffness.
- Colors: soft violet (#9B8EC1), cloud white (#F7F5FA), warm sand (#E8DCC8), grass green (#6DBE72) for buttons and progress indicators, and muted charcoal (#3D3552) for body text
- Backgrounds alternate between cloud white and sand; lavender washes sit behind testimonial cards
- Staggered card entry animations and quiz-step reveal transitions give the page a high level of built-in motion without feeling distracting
Mobile & speed optimization
The template is built mobile-first, reflecting the reality that travel-ball parents are most likely browsing on a phone at a Saturday tournament. Interactive quiz components are handled as client components while static sections run as server components to keep rendering efficient.
- Optimized for small-screen interaction: the age slider, challenge cards, and practice-day selector are all touch-friendly
- Staggered scroll-reveal animations use IntersectionObserver to trigger only when elements enter the viewport
- Muted auto-play video is designed to perform without requiring user interaction on mobile browsers
How this template helps you convert
The page is built around earning the click before asking for it. Every structural decision is designed to reduce hesitation and build confidence in the parent's mind.
- The quiz makes parents feel seen by personalizing recommendations before showing any call-to-action, removing the paradox-of-choice anxiety common on multi-class platforms.
- Family-matched testimonials and coach credentials appear exactly where trust needs reinforcing, directly after the quiz result and before the primary button.
- The secondary "Watch a Free Sample Drill" call-to-action captures parents who are not yet ready to book, keeping them engaged with the product rather than sending them away.
Other information about this template
The Dugout template sits within the Kids and Family category, specifically targeting the kids baseball online class niche. It is well suited for sports edtech providers operating a business-to-consumer subscription or pay-per-class model.
- Template style: Scroll Reveal (Progressive) with high animation and interactivity levels
- Header concept: Full-Bleed Photo with shallow depth-of-field golden-hour imagery
- Creative direction: Quiz and Personalize, built to guide rather than overwhelm
- Page direction: Click-Through, routing to an external scheduling or booking page
- Localization defaults: English, United States dollar pricing, and United States date format




Theme
Nurture & Care
Creative direction
Quiz & Personalize
Color system
Lavender Dream
Style
Scroll Reveal (Progressive)
Direction
Click-Through
Page Sections
Three-question Personalized Quiz
Scroll-reveal Progressive Layout
Family-matched Testimonial Cards
Coach Credential Cards
Muted Auto-play Sample Drill Video
Click-through Call-to-action Structure
Related questions
Who is this landing page template designed for?
Can I customize the quiz questions and answer options?
What happens after a parent completes the quiz?
Does the template include real coach or testimonial content?
Is this template suitable for a homeschool PE program offering?