Essential Oils & Diffusers Store Advanced Pricing Website Template
Distill is a masonry-style landing page built for essential oils and botanical wholesale suppliers. It targets procurement managers, indie skincare founders, and hospitality buyers with a bold Dopamine Pop visual identity, a five-step product-matching quiz, a countdown pricing banner, and scroll-triggered product tiles that turn passive browsing into active buying decisions.
by Rocket studio
Quick summary
Distill is a single-page wholesale supplier landing page designed around discovery and urgency. The masonry layout surfaces product tiles, volume tiers, and brand case studies in one electric scroll. A five-step quiz matches buyers to a curated catalog, while a persistent countdown banner keeps seasonal pricing front of mind throughout the session.
Who this template is for
This template is built for essential oil and botanical wholesale suppliers who sell to professional buyers, not casual shoppers. If your pipeline includes volume buyers comparing sourcing options, this layout is designed for exactly that sales conversation.
- Wholesale essential oil and diffuser suppliers targeting spa chains, boutique retailers, and private-label brands
- B2B botanical sourcing operations offering tiered pricing, certifications, and minimum order quantities
- Hospitality and retail procurement teams who need to evaluate a full catalog quickly
What problem this template solves
Most wholesale supplier pages bury the catalog behind a contact form. Buyers leave before they find what they need. Distill fixes this by surfacing product discovery, pricing signals, and lead capture in a single, fast-moving scroll.
- Procurement managers cannot quickly compare scent families, origin data, and volume pricing in one place
- Indie brand founders waste time emailing back and forth before receiving a relevant catalog
- Hospitality buyers have no fast way to match their scent brief to available wholesale options
What you get with this template
You get a fully designed single-page layout built around the complete buyer journey, from first impression to lead capture. Every section is purposeful, and the visual hierarchy is set from the start.
- A parallax header with a floating device mockup, ingredient photography, and a headline fade-in effect
- A masonry product grid with scroll-triggered tile animations, magenta flash badges, and hover states
- A five-step interactive quiz that delivers a curated wholesale catalog with tiered pricing upon completion
- A persistent countdown banner pinned to the top for seasonal hero oil pricing
- A secondary lead capture path via a downloadable minimum order quantity sheet
Feature list
This template packs every key conversion and discovery element a wholesale supplier needs into one cohesive layout. Each feature is designed to serve a specific moment in the buyer's decision process.
Five-Step Product Matching Quiz
The primary call to action launches a guided five-step quiz. Buyers choose their business type, preferred scent families, monthly volume range, and certification needs before submitting their email and company name. Completing the quiz unlocks a tiered wholesale catalog.
Persistent Countdown Pricing Banner
A fixed banner pins to the top of the page and counts down the remaining time on seasonal pricing for hero oils including cedarwood, tea tree, and frankincense. The banner stays visible throughout the scroll, reinforcing urgency at every section.
Masonry Discovery Grid with Micro-Animations
Product tiles load in a masonry layout and animate into view as the buyer scrolls. Tiles with active promotions carry a pulsing magenta flash badge. Hover states in electric tangerine highlight key details without interrupting the browsing flow.
App Store Style Header with Parallax Background
The header presents a floating device mockup showing the supplier catalog interface. Product cards fan out in a carousel displaying oil names, origin countries, and minimum order quantity badges. Behind the device, ingredient photography drifts in parallax.
Volume Discount Stacking Section
As buyers scroll past the product grid, a dedicated section shows how discounts accumulate by volume tier. This section is positioned just before brand case studies to build confidence at the moment buyers are calculating cost.
Brand Case Studies Block
Real examples of brands that launched using these wholesale oils appear as part of the scroll rhythm. The case studies appear after the discount section, adding credibility at the point where urgency and discovery intersect.
Page sections overview
| Section | Purpose |
|---|---|
| Countdown Pricing Banner | Pins seasonal pricing urgency to top of page |
| Parallax Header | Introduces catalog with device mockup and headline |
| Category Browse Grid | Lets buyers filter product tiles by scent family |
| Masonry Product Tiles | Surfaces oils with badges, origins, and flash tags |
| Volume Discount Tiers | Shows how pricing stacks with order size |
| Brand Case Studies | Builds trust with real wholesale launch examples |
| Quiz Conversion Block | Captures leads through five-step product matching |
| MOQ Sheet Download | Offers secondary capture for buyers ready to order |
Design & branding system
The visual identity uses a Dopamine Pop color system built on four deliberate roles. Deep aubergine wraps the background so the brighter colors stay organized rather than chaotic.
- Hot magenta (#E91E8C) flags limited-time badges and flash promotions across the tile grid
- Electric tangerine (#FF6B2B) powers hover states and all primary call-to-action buttons
- Acid lime (#BFFF00) highlights new arrival ribbons and bestseller tags on product tiles
Mobile & speed optimization
The masonry layout is structured to reflow cleanly at smaller screen sizes. Tile animations and parallax effects are scoped to deliver a smooth experience without overwhelming the layout.
- Product tiles restack into a readable single or two-column mobile grid
- The quiz flow and countdown banner remain fully accessible on small screens
- The floating header mockup and parallax background scale down proportionally for compact viewports
How this template helps you convert
Distill is built around layered urgency and progressive discovery. Each scroll step builds on the last, moving buyers from curiosity to commitment without a hard sell.
- The countdown banner and flash badges establish scarcity immediately, prompting buyers to engage before they settle into passive browsing.
- The masonry grid and volume discount section give buyers enough product and pricing context to self-qualify, reducing back-and-forth inquiries.
- The quiz captures structured lead data in exchange for a relevant, personalized catalog, making the final conversion feel like a reward rather than a form.
Other information about this template
This template is categorized under Retail and E-Commerce, specifically aligned with the Essential Oils and Diffusers Store subcategory. It fits wholesale and business-to-business sourcing workflows at the intersection of directory-style discovery and limited-time conversion mechanics.
- The template style is Masonry/Pinterest, following a Directory and Discovery theme
- The creative direction is Limited Time, with a Click-Through landing page flow as the primary path
- The header concept is Price-Anchored, making cost signals visible before the buyer scrolls past the fold
- The template is suitable for suppliers offering organic, cruelty-free, or therapeutic-grade certification options as part of the quiz qualification step




Theme
Directory & Discovery
Creative direction
Limited Time
Color system
Cloud Canvas
Style
Masonry/Pinterest
Direction
Click-Through
Page Sections
Five-step Product Matching Quiz
Persistent Countdown Pricing Banner
Masonry Grid with Scroll Animations
App Store Style Parallax Header
Volume Discount Stacking Section
Secondary MOQ Sheet Lead Capture
Related questions
Who is this landing page template designed for?
What does the five-step quiz actually do?
Can I use this template for a dropshipping store rather than a direct wholesale operation?
Does the template include the actual product catalog or quiz logic?
What happens when the countdown timer reaches zero?