Crafted — Artisanal Fragrance Studio Landing Page Template
Distill is a masonry-layout landing page template built for bespoke fragrance labs. It combines a plum-tinted UGC photo wall hero, ingredient showcase cards, client story sections, and a floating "Design Your Scent" call-to-action. The template guides perfume-curious visitors through a sensory visual journey before inviting them to book a custom fragrance creation session.
by Rocket studio
Loading preview…
Quick summary
Distill is a single-page, masonry-style landing page template for luxury bespoke fragrance labs. It uses a Gallery Walk creative direction to pull visitors through ingredient families, real client stories, and a cinematic lab room. Every section builds desire before delivering a clear call-to-action, making the landing experience feel earned rather than rushed.
Who this template is for
This template serves artisan perfumery studios and independent fragrance brands that sell custom scent creation directly to consumers. It is especially well-matched for labs whose clients include brides, boutique hotel buyers, and dedicated perfume obsessives who have moved beyond department store beauty products.
Gift-focused fragrance brands targeting luxury occasions and personal milestones
Independent perfumery studios building a premium online presence from scratch
What problem this template solves
A fragrance landing page faces a core challenge: visitors cannot smell the product. The template solves this by leaning on sensory storytelling, atmospheric visuals, and real client details to communicate the essence of the experience. Without the right design, brands lose potential orders before a visitor ever reaches a booking form.
Visitors leave without understanding the bespoke fragrance process or its value
Generic layouts fail to convey the luxury quality that justifies the cost
Brands struggle to connect with gift-givers and hospitality buyers alongside individual clients
What you get with this template
You get a complete, ready-to-customize landing page built around a masonry grid layout. The design reflects the world of restrained, artisan perfumery without requiring you to design anything from scratch. Every section is formatted and purposeful, so you can focus on your story and your scent.
A staggered UGC photo wall hero with a translucent headline overlay
Four masonry ingredient-family cards and clickable client story product cards
Theme
Marketplace Grid
Creative direction
Gallery Walk
Color system
Plum Executive
Style
Masonry/Pinterest
Direction
Click-Through
Page Sections
UGC Masonry Photo Wall Hero
Ingredient Family Showcase Cards
Client Story Product Cards
Floating Champagne-gold Call to Action Button
Cinematic Full-bleed Lab Section
Frequently Asked Question Accordion and Booking Form
Related questions
Who is this landing page template designed for?
Can I use this template to sell fragrance gifts?
How does the booking flow work within the template?
Does the template reflect the full bespoke fragrance creation process?
Can I adapt the colors and typography to match my brand?
A floating champagne-gold call-to-action button and a secondary gift-focused path
Feature list
A paragraph of context: each feature below is drawn directly from the template brief and reflects a real, built-in design or layout decision. Together, they set this landing page apart in the beauty and cosmetics category.
UGC Photo Wall Hero
The hero is a living mosaic of real-feel client images. Hands holding custom bottles, handwritten scent labels, and amber liquid catching light are arranged in staggered masonry tiles. All images are slightly desaturated and tinted toward plum, creating a collected rather than overly curated feel.
Ingredient Family Cards
Four masonry cards display the fragrance families: florals, woods, resins, and citruses. Each card carries a macro photograph and a single evocative sentence. Visitors gain fragrance knowledge and visual inspiration before they ever reach a booking prompt.
Client Story Section
Product-style cards share each client's first name, scent profile, and the story behind their blend. This social proof helps new visitors understand what a finished bespoke fragrance looks and feels like. A secondary call-to-action, "Gift a Custom Bottle," surfaces here for visitors planning a luxury gift for friends or family.
Floating Fixed Call-to-Action
A champagne-gold "Design Your Scent" button emerges after the second scroll section and stays fixed at the bottom of the viewport. It remains visible throughout the session without interrupting the visual journey, ensuring the primary conversion path is always one tap away.
Cinematic Lab Room Section
A full-bleed image of the lab itself closes the main content. Glass beakers, pipettes, and rows of numbered bottles ground the entire experience in craft. This moment of visual honesty builds the kind of trust that converts browsers into clients.
frequently asked question and Booking Entry Point
An accordion-style frequently asked question section pairs with a booking form entry point. Visitors can evaluate their questions, understand session details and cost, and move directly into the booking flow without leaving the page.
Page sections overview
Section
Purpose
UGC Photo Wall Hero
Opens the landing with a mosaic of client imagery and the headline overlay
Ingredient Family Cards
Showcases four fragrance families through macro photography and sensory copy
Client Stories Section
Displays real client scent profiles and surfaces the gift-a-bottle path
Cinematic Lab Room
Grounds the experience in craft with a full-bleed lab photograph
frequently asked question and Booking Form
Answers key questions and delivers the primary booking call-to-action
Minimal Footer
Closes the page with a clean horizontal flow layout
Design & branding system
The design language reflects restrained opulence, the kind of luxury that whispers rather than announces. Typography pairs a Fraunces serif display face with DM Sans for body text, creating contrast between editorial warmth and clean readability. The overall aesthetic feels like the velvet lining of a jewelry box.
Deep plum (#3C1642) dominates card overlays and section divides
Champagne gold (#C9B99A) highlights hover states, interactive accents, and the floating call-to-action
Soft parchment (#F3EDE1) carries body text and breathing space; dark aubergine (#1A0A1E) frames full-bleed sections
Mobile & speed optimization
The template is designed desktop-first to deliver the full luxury masonry experience, with a mobile fallback that keeps the layout functional for beauty consumers on smartphones. Animations rely on native CSS scroll, Intersection Observer, and GPU transforms only, keeping motion smooth without heavy dependencies.
Masonry stagger reveals and parallax effects use GPU-accelerated transforms
Ken-Burns image motion and hover color reveals are handled in native CSS
The floating call-to-action button remains accessible and visible on all screen sizes
How this template helps you convert
The landing page earns the click by letting visitors taste the process visually before asking them to commit. Desire builds room by room, ingredient by ingredient, story by story.
The UGC photo wall creates immediate social proof through real-feel client imagery, building trust before a single word of copy is read.
Clickable ingredient and client story cards lead directly into the booking flow, so every moment of curiosity becomes an opportunity to capture orders.
The fixed floating call-to-action and the secondary gift path ensure two kinds of visitors, those creating for themselves and those shopping for others, each have a clear, low-friction next step.
Other information about this template
This template sits within the Beauty and Personal Care category, specifically the Fragrance and Perfume Brand subcategory. It is well-suited for brands aiming to position themselves as niche alternatives to traditional perfume houses, a strategy that resonates strongly as over 300 new niche perfumes entered the market in the last year alone. Luxury brands are increasingly leaning into exclusivity and personalization to appeal to modern consumers, and this landing page design supports exactly that positioning.
The bespoke fragrance creation process typically includes a briefing session to discuss details and preferences, followed by multiple rounds of formulation and testing before final approval. Clients often receive a personalized reference number upon completing their session. The cost of a bespoke fragrance session can vary, with some services charging around $395 per person. This template is built to communicate that value clearly and exclusively.
The Distill bespoke custom fragrance lab landing page template is formatted for immediate use with placeholder content ready to replace
Supports fragrance development storytelling across ingredient, process, and client-story sections
Relevant to cosmetics and beauty brands exploring customization and scent-led product experiences
The layout and design system can connect equally well with parfum, eau de parfum, and cologne product types
Scent branding and sensory inspiration are core to the template's visual and copy architecture
Crafted — Artisanal Fragrance Studio Landing Page Template Template | Build Fully Functional Applications with Rocket
