Home
Templates
Beauty & Personal Care
Fragrance & Perfume Brand
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
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.
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.
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.
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.




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
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 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.
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.
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.
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.
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.
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.
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.
| 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 |
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.
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.
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.
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.