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

SectionPurpose
Countdown Pricing BannerPins seasonal pricing urgency to top of page
Parallax HeaderIntroduces catalog with device mockup and headline
Category Browse GridLets buyers filter product tiles by scent family
Masonry Product TilesSurfaces oils with badges, origins, and flash tags
Volume Discount TiersShows how pricing stacks with order size
Brand Case StudiesBuilds trust with real wholesale launch examples
Quiz Conversion BlockCaptures leads through five-step product matching
MOQ Sheet DownloadOffers 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.

  1. The countdown banner and flash badges establish scarcity immediately, prompting buyers to engage before they settle into passive browsing.
  2. The masonry grid and volume discount section give buyers enough product and pricing context to self-qualify, reducing back-and-forth inquiries.
  3. 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
Essential Oils & Diffusers Store Advanced Pricing Website Template
Essential Oils & Diffusers Store Advanced Pricing Website Template
Essential Oils & Diffusers Store Advanced Pricing Website Template
Essential Oils & Diffusers Store Advanced Pricing Website Template

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?