Wellness & Holistic Beauty Booking Website Template
Purge is a gallery and detail landing page template built for a luxury detox beauty studio. It features a cinematic full-bleed hero, a draggable before-and-after gallery, a four-treatment menu, an interactive Skin Audit quiz, and a three-field freemium booking form. The Neo-Retro Merlot and Smoke design system makes every section feel editorial, intimate, and conversion-ready.
by Rocket studio
Quick summary
Purge is a single-page template designed for a detox and cleanse beauty studio. It opens with a full-bleed cinematic hero, moves through a proof-first before-and-after gallery, showcases four core treatment cards, captures leads with a five-tap Skin Audit quiz, and closes with a freemium booking form. The visual language is Neo-Retro editorial with a Merlot and Smoke color system throughout.
Who this template is for
This template is built for beauty studio owners who offer hands-on skin treatments and want a page that earns trust visually before asking for a booking. It suits intimate, service-led studios that rely on transformation proof to convert first-time visitors.
- Detox and cleanse beauty studio operators looking for a high-impact single-page presence
- Estheticians or skin specialists offering treatments such as charcoal draws, enzyme peels, or lymphatic sculpting
- Brides-to-be focused studio owners or practitioners who serve clients with pre-event skin goals
What problem this template solves
Most beauty service pages describe treatments in plain text and hope the visitor imagines the result. That approach fails when the client's skin concern is complex or when the studio's method is genuinely different from a standard facial. Purge solves this by leading with visible, draggable proof and layering context around each transformation.
- Visitors leave generic beauty pages unconvinced because they see no real before-and-after evidence at the right moment
- Studios lose bookings because the first-session risk feels too high without a low-friction entry point
- Potential clients cannot self-identify which treatment matches their concern without guided help
What you get with this template
You get a fully structured, single-page layout with five distinct content sections and a footer. Every section is purposefully ordered to build belief before presenting the booking call to action. Interactivity is built into the core flow, not added as decoration.
- A full-bleed hero with a delayed tagline slide-up animation and scroll indicator
- A draggable before-and-after gallery with treatment protocol details and inline client quotes per card
- A five-tap Skin Audit quiz with an email capture field, a three-field freemium booking form, and a sticky mobile call-to-action bar
Feature list
This template delivers several purpose-built features that work together to move a hesitant visitor toward a confirmed booking.
Draggable Before-and-After Gallery
Each gallery card opens into a full detail panel with a horizontal drag slider. Visitors compare pre-treatment and post-treatment skin at the same angle and lighting. Every reveal is paired with the specific protocol used, the session count, and a single client quote.
Five-Tap Skin Audit Quiz
A short interactive quiz diagnoses the visitor's detox level across five taps. It collects an email address and sends a personalized treatment plan, capturing a lead even when the visitor is not ready to book a session immediately.
Freemium Booking Form
The primary call to action is "Book Your First Purge Free." The booking form contains three fields: first name, a skin concern dropdown, and a preferred day of the week. The low-friction format reduces the commitment threshold for first-time visitors.
Asymmetric Treatment Menu Grid
Four core treatments are laid out in a bento-style asymmetric grid. Each card details the specific service, giving visitors enough clinical context to self-select before they speak with the studio.
Sticky Mobile Call-to-Action Bar
On mobile devices, a persistent bottom bar keeps the free booking offer visible at all times. Visitors never have to scroll back to find the primary action, reducing drop-off at the decision moment.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Full-Bleed | Opens with cinematic skin-close-up photo and delayed serif tagline |
| Before-After Gallery | Draggable reveal cards with treatment protocol and client quotes |
| Inline Booking call to action | Free session call to action placed after the third gallery card |
| Treatment Menu Grid | Asymmetric bento grid displaying four core detox treatments |
| Skin Audit Quiz | Five-tap interactive lead capture with email field and personalized output |
| Studio Booking Form | Testimonials, atmosphere imagery, and three-field freemium form |
| Footer | Horizontal flow footer pattern with studio navigation links |
Design & branding system
The visual identity follows a Neo-Retro editorial direction inspired by a 1970s Vogue aesthetic. The palette feels moody and intimate, with soft fading at the edges and burnished warmth at the focal points. Typography pairs a serif headline face with a clean sans-serif for body and labels.
- Color system: deep wine (#5B1A3A) for headlines and dividers, charcoal haze (#3D3D3D) for body text and gutters, faded blush (#D4A5A5) for gallery cards, warm cream (#F5EDE0) for open backgrounds, and burnished gold (#C49B5F) reserved for buttons and hover states
- Typography: Fraunces serif for all display headings and the hero tagline, DM Sans for body copy, form labels, and navigation items
- Animation style: word-reveal on scroll, fade-up staggered card reveals, and GPU-accelerated transforms throughout
Mobile & speed optimization
The template is built mobile-first, with the sticky bottom call-to-action bar as a core mobile feature rather than an afterthought. Animations are triggered using Intersection Observer so they fire only when elements enter the viewport.
- Sticky bottom bar keeps the free session offer accessible on all mobile screen sizes without interfering with the scroll experience
- Lazy animation loading via Intersection Observer avoids unnecessary processing before elements are visible
- All motion effects use GPU transforms only, keeping transitions smooth across lower-powered devices
How this template helps you convert
The page is structured around a proof-first, risk-removal strategy. Visitors see transformation evidence before they are asked to do anything. By the time the call to action appears, belief has already been built through multiple gallery reveals.
- The before-and-after gallery builds cumulative proof across treatments, moving from surface brightening to deep cystic clearing to full sculpting, so each scroll makes the offer feel more credible
- The "Book Your First Purge Free" call to action removes financial risk entirely, and the Skin Audit quiz captures leads from visitors who want guidance before committing to a booking
Other information about this template
This template is built for the detox and cleanse beauty service niche within the broader wellness and holistic beauty category. It is localized for a United States audience using English copy and USD pricing context. The footer uses a horizontal flow layout pattern suited to single-location studios.
- Template style: Gallery and Detail, single landing page
- Theme: Neo-Retro
- Creative direction: Before and After Reveal
- Header concept: Full-Bleed Photo
- Conversion model: Freemium and Trial, primary call to action is a free first session
- Target audience: Women in their thirties with congested or over-layered skin, office workers with city-environment skin concerns, and brides-to-be seeking a visible pre-event glow




Theme
Neo-Retro
Creative direction
Before/After Reveal
Color system
Merlot & Smoke
Style
Gallery + Detail
Direction
Freemium/Trial
Page Sections
Draggable Before-and-after Gallery
Five-tap Skin Audit Quiz
Freemium Booking Form
Asymmetric Treatment Menu Grid
Sticky Mobile Call-to-action Bar
Cinematic Full-bleed Hero
Related questions
Can I edit the treatment names and service descriptions in this template?
Does the before-and-after slider work on mobile devices?
How does the Skin Audit quiz capture leads?
Is this template suitable for a studio with fewer than four treatments?
What kind of photography works best with this template?