The Asana outdoor yoga landing page is a full-width immersive template built for event registration. It guides visitors through a scroll-driven morning class experience, from a hand-drawn animated forest clearing to a savasana stillness scene, before presenting a gentle sign-up form. The design uses a Forest Trust color palette and Studio Ghibli-inspired illustrations to earn trust before asking for the click.
by Rocket studio
Asana is a full-width immersive landing page template for outdoor yoga class registration. A scroll-driven, day-in-the-life narrative moves visitors from a forest arrival to final savasana before presenting the sign-up form. Hand-drawn SVG illustrations, GSAP-powered animations, and a Forest Trust color palette create a sensory experience that builds emotional connection well before any call to action appears.
This template suits wellness practitioners and small fitness businesses running outdoor or nature-based yoga classes. It is especially well-matched for instructors whose audience values experience over efficiency.
Most fitness registration pages lead with logistics: dates, prices, and a button. That approach misses the emotional reason people sign up for outdoor yoga. This template solves the gap between "I saw a yoga class" and "I need to be there."
You get a single-page event registration template structured around a cinematic scroll arc. Every section is purpose-built, from an animated hero to a dual-path sign-up form.




Theme
Healing Space
Creative direction
Day-in-the-Life
Color system
Forest Trust
Style
Full-Width Immersive
Direction
Event Registration
Page Sections
Animated SVG Hero Illustration
GSAP Scrolltrigger Scene Arc
Illustrated Registration Form
Sticky Registration Bar
Gift a Class Path
Accordion FAQ Component
Can I use this template without coding knowledge?
Is this template designed for a single class or an ongoing schedule?
Can I remove the gift-a-class section?
Does the illustrated form work on mobile screens?
What makes this template different from a standard fitness registration page?
This template includes a carefully considered set of features drawn directly from the design brief. Each one serves the core goal of helping a visitor feel the class before they register.
The header features a hand-drawn forest clearing that animates as the page loads. Ink-line trees grow upward, watercolor light pools onto yoga mats, and a illustrated figure moves through a slow vinyasa sequence. Tiny birds settle onto branches as the scene completes.
Scroll-driven animations power the day-in-the-life journey through five distinct morning scenes. Each scene deepens atmosphere rather than interrupting it, using parallax layers and animated wind through illustrated foliage.
The primary "Find Your Clearing" form collects first name, preferred session day, and experience level. Experience level is presented as three illustrated icons: a sprouting seed, a growing sapling, and a rooted tree, making the form feel as considered as the rest of the page.
A gentle sticky bar appears after the page midpoint and repeats the primary call to action. It stays present without disrupting the scroll experience, giving returning visitors a clear path to register without scrolling back up.
A secondary conversion option lets visitors send a class to someone else. It requires only an email address, keeping the gifting flow as frictionless as possible while opening a second audience segment.
An interactive accordion section handles common pre-registration questions. It keeps the page clean by hiding detail until a visitor actively requests it, reducing visual noise without removing useful information.
| Section | Purpose |
|---|---|
| Hero Clearing | Animated forest illustration cinematic reveal with headline |
| Who It's For | Three illustrated audience portraits with honest copy |
| Morning Journey | Five-scene scroll arc from arrival to savasana |
| Instructor Profile | Credibility and personal story to build trust |
| Student Testimonials | Three specific outcome-focused social proof quotes |
| Find Your Clearing | Primary registration form with illustrated icons |
| Gift a Class | Secondary gifting conversion path with email field |
| Footer | Single-row linear footer with essential links |
The visual identity follows a Healing Space theme built on the Forest Trust color system. Typography pairs Fraunces italic serif headlines with DM Sans body text, creating contrast between the poetic and the practical.
This template is designed desktop-first with full mobile responsiveness built in. Sharing behavior is a key consideration, since many registrants receive the page link on a mobile device.
The template earns the registration click through emotional pacing rather than pressure. By the time a visitor reaches the form, the scroll arc has already walked them through the full class experience.
This template was designed for the Wellness and Fitness category, specifically within the Outdoor and Nature Fitness subcategory for outdoor yoga class providers. It sits at the intersection of immersive storytelling and practical event sign-up.