Maker is a hero-dominant landing page template built for kids 3D printing and maker summer camps. It guides parents through a narrative scroll that mirrors their child's camp journey, from a bored couch afternoon to a finished printed creation. The design is warm and workshop-inspired, with chartreuse calls to action and a slideout booking form that makes reserving a week feel easy and personal.
by Rocket studio
Loading preview…
Quick summary
Maker is a single-page booking template designed for hands-on kids summer camps. It uses a Hero's Journey scroll narrative to move parents emotionally from curiosity to commitment. The palette is botanical and golden-hour warm. The primary call to action, "Reserve Their Week," lives in a slideout form that opens with a child's first name, not a credit card number.
Who this template is for
This template is built for camp organizers who run maker-focused, hands-on programs for children. It speaks directly to parents who want proof of real skill-building, not screen time. If your program puts tools in kids' hands on day one, this template was made for your audience.
Kids 3D printing and maker summer camp directors
Children's enrichment program operators targeting suburban, dual-income families
Camp owners who need a mobile-first booking page with narrative-driven design
What problem this template solves
Most camp landing pages list features and post a phone number. They do not make a parent feel anything. This template solves that by replacing feature lists with a story. Parents scroll through their child's week before they ever see a price, and by the time they reach the booking form, they already picture drop-off morning.
Booking forms that open with billing details feel cold and lose mobile users early
Without scarcity signals, parents delay decisions and forget to come back
What you get with this template
You get a fully structured, hero-dominant landing page with a narrative scroll arc, a slideout booking form, and a secondary email-capture path for parents who are not quite ready to commit. Every section is designed and sequenced, so you replace placeholder content with your camp's details and launch.
A full-viewport Lottie-style animated header with a looping six-second vector sequence
A slideout booking form with child name, age, a visual scarcity calendar, and parent contact fields
Theme
Warm Artisan
Creative direction
Hero's Journey
Color system
Botanical
Style
Hero-Dominant (90/10)
Direction
Booking/Scheduling
Page Sections
Lottie-style Animated Hero Header
Hero's Journey Scroll Narrative
Slideout Booking Form
Visual Scarcity Calendar
Camper Project Gallery
Packing List Email Capture
Related questions
What kind of camp is this template designed for?
Can I use this template if I offer multiple camp weeks?
How does the packing list email capture work?
Is the booking form connected to a payment processor?
Can I update the colors and fonts to match my camp's brand?
A secondary "Download the Packing List" email capture for undecided but interested parents
Feature list
A paragraph introducing the features: Each feature in this template serves the single goal of turning a curious parent into a confirmed booking. The components below are built into the template and ready for your content.
Lottie Vector Hero Animation
The header fills the full viewport with a looping six-second animation. A child character sketches a rocket, the sketch drifts into a 3D printer silhouette, and a finished rocket rolls out and launches upward trailing hand-drawn stars. The line work is warm and colored-pencil thick.
Hero's Journey Scroll Narrative
The page unfolds as a story arc across five scroll sections. It opens with a child in a flat, muted Ordinary World and builds through the camp week, first prints, a mentor moment, a failure turned into a fix, and a final project showcase. Each section deepens the narrative and ends with a parent-voice testimonial styled like a text message.
Slideout Booking Form
The primary conversion path opens as a slideout panel rather than a separate page. It collects the child's first name and age first, then shows a visual calendar with remaining spots and scarcity counts, and finishes with parent email and phone. The low-friction order is intentional.
Scarcity Calendar Component
The visual calendar inside the booking form shows available weeks alongside remaining spot counts. It communicates real urgency without resorting to countdown timers or generic pressure tactics.
Project Gallery Section
A masonry photo grid displays real camper creations photographed on wood tables in natural light. It acts as tangible social proof that children leave camp with something they actually made and refused to put down.
Packing List Email Capture
A secondary call to action targets parents who are curious but not yet ready to book. Tapping "Download the Packing List" opens a lightweight email capture, keeping those parents inside the conversion funnel for follow-up.
Page sections overview
Section
Purpose
Animated Hero Header
Open with full-viewport Lottie animation and tagline
Ordinary World Intro
Show relatable before-camp scene in flat muted tones
Call to Adventure
Transition to saturated color as camp doors open
Making Process
Walk through first print, failure, and mentor moment
Parent Testimonials
Deliver social proof via text-message-style quotes
Camper Project Gallery
Show real creations in a masonry photo grid
Pricing and Booking
Display pricing with scarcity calendar and primary call to action
Packing List Capture
Catch undecided parents with secondary email offer
Minimal Footer
Close with single-row Pattern 8 footer layout
Design & branding system
The visual identity follows a Warm Artisan theme built on a Botanical color system. Every color choice evokes a potting bench in golden-hour light, handmade and alive, with zero trace of sterile fluorescence. Typography pairs Fraunces, a serif display face, with DM Sans for body text and interactive elements.
Cream (#FFF8F0) dominates the canvas, green (#2D5F3E) anchors headers and footers, clay (#D4896A) warms mid-page sections, and chartreuse (#A8C256) marks every interactive point where a parent's thumb should tap
Fraunces carries emotional weight in headlines; DM Sans keeps instructional and form copy clean and readable
Illustrations use warm, imperfect line work with a colored-pencil feel to reinforce the handmade camp identity
Mobile & speed optimization
This template is built mobile-first because the target parent books on a phone, often between meetings or during a school pickup wait. The layout prioritizes thumb-friendly tap targets and a pinned mobile call-to-action bar so the booking path is never more than one tap away.
The "Reserve Their Week" button is pinned to the bottom of the viewport on mobile for persistent, in-context access
The slideout booking form is structured for small screens, collecting only what is needed at each step to reduce friction
GSAP scroll reveals and clip-path animations are sequenced to feel smooth as a parent scrolls through the narrative on a phone
How this template helps you convert
The template is designed around a single insight: parents book when they feel something, not just when they read something. Every structural decision serves that principle.
The Hero's Journey narrative builds emotional investment before any pricing appears, so parents arrive at the booking section already motivated rather than comparison-shopping
The slideout form opens with the child's name and age, making the experience feel personal from the first tap rather than transactional
The scarcity calendar and the packing list capture work together to convert two different parent types: the ready-to-book parent and the still-researching parent, both in the same session
Other information about this template
This template fits directly into the kids enrichment and summer camp booking space. It was designed for the suburban tech corridor parent, the software engineer or pediatrician who wants their child building real things. The template ships as a single landing page with one primary conversion path and one secondary capture path, keeping the focus tight.
The footer follows Pattern 8, a minimal single-row layout that closes the page cleanly without distraction
All scroll animations use CSS keyframes and GSAP, with clip-path reveals and parallax effects layered for desktop richness
Static sections use Server Components and interactive booking sections use Client Components, matching the architecture notes in the project brief
The template is localized for a United States audience: currency in USD, dates in MM/DD/YYYY format, and copy written for the suburban American family context
