Essential Oils & Diffusers Store Specialist Pricing Website Template

Distill is a modular card-grid landing page built for essential oils and diffuser stores. It pairs a warm sunset gradient palette with a full-bleed hero, filterable product collections, a sticky countdown timer, and a bundle configurator. The layout guides visitors from discovery to purchase with clear pricing, scent notes, and a single focused call to action.

by Rocket studio

Quick summary

Distill is a single-page landing page template designed for essential oils and diffuser retailers running limited-time sales. It opens with a full-bleed flat-lay hero, moves into a filterable card grid organized by wellness collection, and closes with a bundle configurator. The layout is calm, deliberate, and built to move browsers into buyers.

Who this template is for

This template suits wellness-focused sellers who need a polished, urgency-driven storefront page without building from scratch. It works especially well for independent apothecary brands and small-batch oil retailers launching a seasonal sale.

  • Essential oils and diffuser shop owners running a flash or seasonal promotion
  • Wellness product sellers who want a curated, collection-style browsing experience
  • New store owners looking for a ready-made landing page with built-in conversion structure

What problem this template solves

Most generic storefront pages treat every product the same. Visitors land, feel nothing, and leave. Distill solves the attention and trust problem by organizing products into meaningful collections and pairing each one with scent notes and transparent pricing. The countdown timer adds honest urgency without resorting to pop-ups or pushy copy.

  • Visitors leave because nothing signals scarcity or a reason to act now
  • Generic grids give no editorial guidance, so shoppers cannot discover what fits their needs
  • Undecided buyers have no easy path to a starter purchase without a configurator

What you get with this template

You get a fully structured single landing page with every major section pre-built and ready to customize. The layout is modular, so swapping in your own products, prices, and copy takes minimal effort.

  • A full-bleed hero section with a countdown banner overlay and a bold sale headline
  • A filterable card grid with collection toggles, scent notes, struck-through original prices, and sale pricing
  • A sticky countdown ribbon, a bundle configurator section, and a scent quiz secondary link

Feature list

This template packages several purpose-built features that work together as one coherent sales experience.

Full-Bleed Hero with Countdown Banner

The header uses a top-down flat-lay photo concept with natural raking light. A translucent plum bar overlays the bottom third of the image, displaying a live countdown in saffron numerals alongside the sale headline in soft cream text.

Filterable Collection Card Grid

Products are grouped into four wellness collections: Sleep, Focus, Breathe, and Immunity. Pill-shaped toggle filters let visitors switch between collections instantly. Each card shows a product image, a one-line scent note, the original price struck through, and the limited-time price highlighted in dusky rose.

Sticky Countdown Ribbon

As visitors scroll past the hero, the full countdown banner compresses into a slim persistent ribbon pinned to the top of the viewport. The timer stays visible throughout the entire browsing session, reinforcing the sale window without interrupting the grid.

Bundle Configurator Section

The final section invites visitors to build a personalized starter kit by selecting three oils and one diffuser at a bundled price. The primary call-to-action button reads "Claim This Kit - Sale Ends Soon" and passes selected product identifiers directly into a pre-filled cart.

Card-Level Call-to-Action Design

Every product card carries a consistent call-to-action button reading "Add to Ritual" styled in saffron text on a plum background. Each button links through to the corresponding product detail page on the main store, keeping the click path clean and intentional.

A soft secondary text link beneath the bundle configurator reads "Not sure? Take our 60-second scent quiz." This catches undecided visitors and routes them toward a personalized recommendation before they exit, reducing bounce without gating the core experience.

Page sections overview

SectionPurpose
Full-Bleed HeroOpens with flat-lay photography, sale headline, and live countdown overlay
Countdown Banner OverlayDisplays hours, minutes, and seconds in saffron against a translucent plum bar
Collection Filter TogglesPill-shaped filters let visitors sort cards by Sleep, Focus, Breathe, or Immunity
Product Card GridModular cards showing product image, scent note, struck price, and sale price
Sticky Countdown RibbonCompressed timer that persists at the top of the viewport during scroll
Bundle ConfiguratorThree-oil-plus-diffuser selector with bundled pricing and a pre-fill cart button
Scent Quiz LinkSecondary text link routing undecided visitors to a personalized quiz

Design & branding system

The color palette draws from a sunset gradient, evoking warm July light shifting into deep violet. Every color has an assigned role, keeping the interface consistent and readable at a glance.

  • Warm saffron (#F4A261) drives hover states, countdown numerals, and card call-to-action text
  • Dusky rose (#E76F51) marks sale price badges and limited-time tags across the card grid
  • Deep twilight plum (#6A0572) anchors the header, footer, and call-to-action button backgrounds
  • Soft cloud cream (#FFF3E4) holds the page background so each card breathes with natural whitespace

Mobile & speed optimization

The modular card grid is built to reflow cleanly across screen sizes. Smaller viewports receive the same browsing experience without losing any core functionality.

  • The filterable grid stacks vertically on mobile so collection toggles and cards remain easy to tap
  • The sticky countdown ribbon adapts to narrow screens, staying readable without obscuring product content
  • The bundle configurator simplifies to a single-column selector on smaller devices, keeping the checkout path uncluttered

How this template helps you convert

Distill is designed around a clear click-through goal. Every structural decision pushes visitors from curiosity toward a confident purchase.

  1. The countdown timer in the hero and the persistent ribbon create a consistent, low-pressure sense of scarcity that encourages visitors to decide during the session rather than return later.
  2. Struck-through original pricing paired with dusky rose sale prices makes the value of acting now immediately visible on every card, removing the need for additional persuasion copy.
  3. The bundle configurator gives hesitant visitors a clear, low-friction entry point, while the scent quiz link catches anyone still on the fence and keeps them engaged rather than lost.

Other information about this template

This template is categorized under Retail and E-Commerce, specifically designed for essential oils and diffuser stores. It follows a Directory and Discovery theme with a Limited Time creative direction, making it well suited for seasonal drops, anniversary sales, or curated product launches.

  • The template style is a modular card grid layout, inspired by a masonry browsing pattern for easy product discovery
  • The header concept is price-anchored, meaning the hero leads with the sale event rather than a brand story
  • No email capture interrupts the visitor flow; persuasion relies entirely on transparent pricing, the countdown, and the bundle offer
  • The page is built as a self-contained landing page, intended to complement an existing main store rather than replace it
Essential Oils & Diffusers Store Specialist Pricing Website Template
Essential Oils & Diffusers Store Specialist Pricing Website Template
Essential Oils & Diffusers Store Specialist Pricing Website Template
Essential Oils & Diffusers Store Specialist Pricing Website Template

Theme

Directory & Discovery

Creative direction

Limited Time

Color system

Cloud Canvas

Style

Masonry/Pinterest

Direction

Click-Through

Page Sections

Full-bleed Hero with Countdown Overlay

Filterable Collection Card Grid

Sticky Countdown Ribbon

Bundle Configurator with Pre-fill Cart

Card-level Add to Ritual Call to Action

Scent Quiz Secondary Link

Related questions

Can I use this template for a product launch outside of a flash sale?

Does the bundle configurator connect to a shopping cart automatically?

How many product cards can the grid hold?

Is the scent quiz included in the template?

Can I change the color palette to match my existing brand?