Bid is a gallery-and-detail landing page built for beauty auction platforms. It combines a Before/After Slider header, a scroll-driven unboxing experience, a live-lot masonry gallery, and a five-step beauty profile quiz. The design follows a Soft Gradient, Ink and Paper visual identity, warm parchment, blush watercolor tones, and sharp graphite type that feels like luxury stationery.
by Rocket studio
Loading preview…
Quick summary
Bid is a single-page auction landing page designed for high-end beauty lot platforms. The page opens with a draggable Before/After Slider, unfolds into a masonry gallery of live lots, and converts visitors through a five-step beauty profile quiz. Every scroll beat uses an unboxing metaphor, building anticipation from sealed tissue to revealed product.
Who this template is for
This template is built for founders and operators running curated beauty auction platforms. It speaks directly to the audience that already knows what they want and needs a platform that matches their energy.
Beauty obsessives and midnight restockers hunting premium skincare and fragrance lots
Gift-box flippers and resellers sourcing discontinued or high-value cosmetics at below-retail prices
Makeup artists building professional kits without paying full retail on high-end color cosmetics
What problem this template solves
Generic e-commerce templates fail beauty auction platforms because they cannot communicate sealed mystery, anticipated reveal, and time-sensitive bidding in a single scroll. This template solves that gap with a purpose-built visual narrative.
Visitors land without understanding the auction format and leave before bidding
A static product page cannot convey the thrill of a sealed lot or the urgency of a live countdown
Standard layouts offer no way to match a bidder's profile to the right lot before they bounce
What you get with this template
You get a complete, single-page auction experience that moves from first impression to first bid in one continuous scroll. Every section is intentional and ordered to build trust and desire together.
A draggable Before/After Slider header that lets visitors perform the unboxing gesture themselves
A masonry gallery of live lots with expandable detail panels, past auction results, and user-submitted unboxing Polaroids
A five-step beauty profile quiz that ends with three matched lot recommendations and a direct bid call to action
Theme
Soft Gradient
Creative direction
Unboxing Experience
Color system
Ink & Paper
Style
Gallery + Detail
Direction
Quiz/Assessment
Page Sections
Draggable Before/after Slider Header
Scroll-driven Unboxing Narrative
Live-lot Masonry Gallery
Past Auction Results Feed
User-submitted Unboxing Photo Wall
Five-step Beauty Profile Quiz
Related questions
What type of platform is this landing page built for?
Can I customize the quiz steps and lot categories?
How does the Before/After Slider work on mobile?
Does the template include a social proof section?
Is this template suitable for multiple concurrent lots or just one product?
Feature list
This template ships with six tightly scoped components, each serving a distinct role in the auction experience.
Draggable Before/After Slider Header
The header splits the full viewport between a sealed matte-black lot and its revealed contents. The visitor drags the divider line and performs the unboxing themselves. A subtle parallax shift makes products tumble into frame as the slider moves, creating an immediate sensory hook.
Scroll-Driven Unboxing Experience
Each scroll beat peels back a new layer of the page, mirroring the physical act of opening a box. The outer sleeve gives way to the gallery, the gallery gives way to results, and results give way to social proof. The metaphor stays intact from top to bottom.
Live-Lot Masonry Gallery
Current auction lots are displayed in a cropped, teasing masonry grid. Each thumbnail shows tissue edges and partial product glimpses rather than full reveals. Clicking any lot opens an expanded detail panel with a rotating box view, visible brand hints, and notes on hidden extras.
Lot Detail Expansion Panel
The expandable panel gives each lot its own focused view. It lists visible brand names, hints at undisclosed contents, and keeps the mystery alive. This drives engagement without over-revealing and primes the visitor to place a bid.
Past Auction Results Feed
A dedicated section shows previous hammer prices alongside final lot contents. Seeing real outcomes builds credibility and urgency. Visitors understand the platform is active and that competitive lots move fast.
Five-Step Beauty Profile Quiz
The quiz collects skin type, brand loyalties, category preference, budget ceiling, and bidding frequency. Each answer uses a soft gradient transition that mirrors the unboxing metaphor. On completion, three matched live lots are recommended with a direct "Place Your First Bid" call to action.
Page sections overview
Section
Purpose
Before/After Slider
Opens the page with an interactive sealed-to-revealed unboxing gesture
Live Lots Gallery
Shows current auction lots as cropped teaser thumbnails in a masonry grid
Lot Detail Panel
Expands individual lots with rotating box view and brand hints
Auction Results Feed
Displays past hammer prices to build credibility and urgency
Unboxing Photo Wall
Arranges user-submitted Polaroid-style photos as real social proof
Beauty Profile Quiz
Guides visitors through five steps to matched lot recommendations
Bid Call to Action
Closes the quiz with three lot matches and a no-reserve bid prompt
Design & branding system
The visual identity is built on the Ink and Paper color system, which pairs deep calligraphy black with warm parchment and blush watercolor tones. The result feels like a luxury stationery set rather than a standard e-commerce page.
Core palette: deep calligraphy black (#1A1A2E), warm parchment (#F5F0EB), blush ink wash (#E8C4C4), and graphite accent (#4A4A68) used for bid buttons and timer numerals
Gradients drift from parchment to blush like watercolor bleeding into wet paper, keeping backgrounds warm and muted throughout
Black type and graphite interactive elements land with the precision of a fountain pen nib against cotton paper
Mobile & speed optimization
The template is designed to scale cleanly across screen sizes so the unboxing experience feels intentional on any device. Touch interaction is central to the design logic, not an afterthought.
The draggable Before/After Slider is built for finger-drag interaction on touch screens
The masonry gallery and quiz transitions are designed to remain fluid and legible on smaller viewports
Section-by-section scroll reveals keep the page load feeling light and progressive rather than front-loaded
How this template helps you convert
Every design decision on this page is aimed at moving a curious visitor toward placing their first bid. The conversion path is direct and momentum-driven.
The Before/After Slider creates an immediate emotional investment by letting visitors perform the unboxing gesture before they scroll, anchoring desire before any product detail appears.
The five-step quiz removes buying hesitation by matching the visitor to specific live lots. The closing call to action reads "Place Your First Bid, No Reserve," reducing the perceived risk of entering an auction for the first time.
Other information about this template
This template is categorized under Retail and E-Commerce with a Beauty Auction Platform niche focus. It is purpose-built for platforms offering curated sealed-lot auctions of premium beauty products.
The template style is Gallery and Detail, combining browsable lot thumbnails with focused expansion panels in a single-page flow
The header concept is a Before/After Slider, which is a distinct alternative to standard hero banners used in typical beauty e-commerce layouts
The creative direction is the Unboxing Experience, meaning the page scroll arc is narrative and sequential rather than modular or interchangeable
The landing-page direction is Quiz and Assessment, making the five-step beauty profile the primary conversion engine
The theme is Soft Gradient with an Ink and Paper color system, distinguishing this template from high-contrast dark-mode or bright-white beauty retail designs
The intersection match score for this template is 9 out of 10, reflecting strong alignment between the niche, template style, and landing-page direction
