Scribble is a scroll-reveal landing page template built for kids creative writing online class offers. It guides parents through a playful, animated funnel that ends in a five-question Writer Type quiz. The design uses bold Dopamine Pop colors, hand-drawn geometry, and progressive scroll animations to make enrollment feel like the start of an adventure, not a sign-up form.
by Rocket studio
Loading preview…
Quick summary
Scribble is a single-page, scroll-reveal landing page template designed for online creative writing workshops aimed at children aged 7 to 14. Every section arrives with personality, from a Lottie-animated doodling monster in the hero to a word-by-word student story reveal mid-scroll. The page closes with a five-question Writer Type quiz that turns curious parents into segmented, engaged leads.
Who this template is for
This template is built for anyone selling a kids creative writing online class, enrichment workshop, or story-based learning program. It speaks directly to parents who want something joyful, not another worksheet-heavy course.
Creative writing instructors and EdTech founders running online workshops for children aged 7 to 14
Homeschool educators looking for a curriculum-adjacent enrichment offer with real visual energy
Gift-experience sellers or program creators targeting grandparents and family gift-givers
What problem this template solves
Most education landing pages look like school portals. They list features in bullet tables and expect parents to already care. Scribble flips that. It earns attention before it asks for a decision.
Parents scrolling at night need to feel the product, not just read about it, before they trust it with their child
Generic class pages bury the fun and lead with pricing, which kills curiosity before it builds
Workshop creators struggle to communicate creative energy through static layouts and stock photography
What you get with this template
You get a fully structured, single-page layout with five content sections, a quiz-led conversion flow, and a rich set of scroll-triggered animations. Everything is wired to guide a late-night parent from "what is this?" to "save our spot."
A Lottie-animated hero section featuring a hand-drawn pencil, a doodle monster, and geometric confetti
A five-question Writer Type quiz styled as a choose-your-adventure card deck, with three personalized result types
Theme
Playful Geometric
Creative direction
Surprise & Delight
Color system
Dopamine Pop
Style
Scroll Reveal (Progressive)
Direction
Quiz/Assessment
Page Sections
Lottie Doodle Monster Hero
Scroll-linked Story Reveal
Five-question Writer Type Quiz
Alphabet-block Testimonial Entrance
Treasure Map Curriculum Timeline
Interactive Easter Egg Microinteractions
Related questions
Who is this landing page template designed for?
Does the template include the Writer Type quiz?
What makes this different from a standard course landing page?
Is this template suitable for a gift-giving audience?
What animation and interaction features are included?
Scroll-reveal transitions including alphabet-block testimonial tumbles, a treasure map curriculum timeline, and a word-by-word story unfold
Feature list
This template's feature set is purpose-built for creative, conversion-driven storytelling in the kids enrichment space.
Lottie Hero Animation
The header runs a looping Lottie sequence showing a pencil sketching a wobbly monster, the word "ONCE" appearing letter by letter, and the monster eating it before burping out "ONCE UPON A REALLY WEIRD TIME..." Geometric confetti bursts on the burp. No stock photography is needed because the animation proves the product.
Word-by-Word Story Reveal
A sample student story unfolds one word at a time as the visitor scrolls. The section is scroll-linked using IntersectionObserver. Readers are pulled into the story before they realize they are being shown what the class produces.
Writer Type Quiz Flow
The primary call to action leads into a five-question quiz styled like a choose-your-adventure card deck. Each card flips on selection. Results assign one of three Writer Types: The World-Builder, The Joke Machine, or The Plot Twister. Each result includes a recommended class track and a secondary "Save Their Spot" call to action.
Interactive Easter Eggs
Every section hides a small interactive surprise. Shapes wiggle on hover, a sentence rewrites itself, and a pencil cursor follows the mouse. These micro-interactions reinforce the playful tone and keep visitors exploring instead of bouncing.
Alphabet-Block Testimonial Reveal
Parent testimonials tumble in like falling alphabet blocks when the section enters the viewport. The emotional copy focuses on shy kids gaining confidence, which lands before the pricing section to build trust at the right moment in the scroll.
Treasure Map Curriculum Timeline
The curriculum and pricing section uses a timeline that draws itself like a treasure map as the visitor scrolls into view. Class details, schedule context, and the "Save Their Spot" call to action appear after the emotional groundwork is already laid.
Page sections overview
Section
Purpose
Hero Animation
Captures attention with a Lottie doodle monster and geometric confetti, setting the playful tone immediately
Sample Story Reveal
Scroll-linked word-by-word story unfold demonstrates the creative output of the class
Writer Types Quiz
Bento-style cards introduce the three Writer Types and invite parents to start the quiz
Parent Testimonials
Alphabet-block tumble-in delivers emotional confidence stories before pricing is shown
Curriculum and Pricing
Treasure map timeline presents class details and the Save Their Spot call to action
Footer
Horizontal flow pattern closes the page with clean navigation and contact context
Design & branding system
The visual identity follows a Playful Geometric theme built on a Dopamine Pop color palette. The overall feel is construction paper warmth with gel pen saturation. Wobbly triangles, lopsided circles, and dashed-line rectangles scatter across backgrounds like doodles in a school planner.
Colors: electric violet (#7B2FF7) anchors headlines, sunburst yellow (#FFD23F) drives calls to action and hover states, gummy-bear pink (#FF6B8A) punctuates testimonials and callout blocks, soft charcoal (#2D2D3A) grounds body text, and warm off-white (#FFF8F0) sets the background
Typography: Fraunces is used for display headings and section titles, lending a playful serif warmth; DM Sans handles body copy for clean, readable contrast
Geometric shape scattering, staggered entrance animations, and wiggle hover states are built into the layout system throughout the page
Mobile & speed optimization
This template is designed mobile-first, reflecting the reality that the primary audience, parents scrolling late at night, is almost always on a phone. Animations and interactions are built to perform cleanly on smaller screens.
Scroll-reveal transitions use native CSS scroll behavior and GPU-accelerated transforms only, avoiding heavy JavaScript repaints
The quiz card deck and all interactive elements are touch-friendly, with tap targets sized for comfortable one-thumb use on mobile devices
Staggered entrance animations use IntersectionObserver, so elements animate only when they enter the viewport rather than all at once on load
How this template helps you convert
Scribble is structured around a conversion logic that withholds class logistics until emotional investment is already built. The scroll order is deliberate: wonder comes first, trust comes second, and the decision comes last.
The hero animation and story reveal create genuine curiosity before a single class detail appears, so parents arrive at the quiz already engaged rather than skeptical
The Writer Type quiz segments visitors by their child's age and confidence level, delivering a personalized result that makes the "Save Their Spot" call to action feel like a natural next step rather than a hard sell
Other information about this template
This template is a strong fit for anyone building a kids enrichment brand with a distinct creative personality. It works equally well for launching a new workshop or refreshing an existing program page.
The page is localized for English-language audiences using United States date formats and USD pricing context
Animation intensity is high by design. The template includes scroll-triggered staggered entrances, wiggle hover states, a pencil cursor, and quiz card flip interactions
The footer uses a horizontal flow layout pattern, keeping the close of the page clean and organized without competing with the quiz funnel above it
The template is built for a single-page, section-led flow. It is not a multi-page site structure
