Oily Skin Beauty Professional Website Template

Quick summary

Oily is a single-page template built for oily and combination skin subscription boxes. It opens with a vintage portrait hero, walks visitors through a layered unboxing experience, and closes with a three-tier pricing section backed by a short personalisation quiz. Every section is designed to feel intentional, not generic.

Who this template is for

This template is made for founders and marketers selling curated skincare subscriptions to oily and combination skin audiences. It suits direct-to-consumer beauty brands that want a conversion-focused page with strong visual storytelling.

• Subscription box brands targeting oily or combination skin customers
• DTC skincare founders launching a new monthly curation product
• Beauty marketers who need a gallery-plus-detail layout with a built-in quiz path

What problem this template solves

Oily skin subscribers are a skeptical audience. They have spent money on products that failed by noon and they need more than a pretty page to commit. Generic skincare landing pages cannot hold this buyer's trust. This template solves that by combining real product detail, social proof, and a personalised quiz path into one focused scroll.

• Visitors abandon skincare subscription pages when product proof is vague or shallow
• A single generic call to action fails buyers who need help choosing between tiers
• The template replaces passive browsing with an active, layered discovery experience

What you get with this template

You get a fully structured single-page layout with five named sections, a quiz modal, expandable product panels, and a sticky mobile call-to-action bar. Every design decision is documented and ready for your brand to inhabit.

• A five-section page covering hero, unboxing gallery, product deep dive, pricing tiers, and quiz plus social proof
• Expandable product detail panels with space for ingredient breakdowns, skin-type match scores, and texture swatch video slots
• Three subscription tier cards built for "The Mattifier," "The Full Face," and "Build Your Own" pricing flows

Feature list

This template is built around six distinct capabilities drawn from the source brief.

Vintage Portrait Hero Section

The hero is a full-height vertical portrait composition. Midday light, visible pores, and a single product held at jaw level set the brand tone immediately. Rounded retro serif typography overlays the lower third with the headline "Your Shine. Curated."

Scroll-Linked Unboxing Gallery

The unboxing sequence unfolds as the visitor scrolls. A rotating matte box reveal leads into a flat-lay product grid on a kraft-paper-style background. Each product card is clickable and expands into a full detail panel.

Expandable Product Detail Panels

Each of the five monthly products opens into a panel that holds ingredient breakdowns, a skin-type match score, and a fifteen-second texture swatch video slot. The panel system keeps the page clean while delivering deep product information on demand.

Three-Tier Pricing Structure

The pricing section presents three clearly separated options: "The Mattifier" at $29 for three products, "The Full Face" at $44 for five products, and "Build Your Own" for visitors who want to select directly from the current month's catalog. A featured card treatment highlights the recommended tier.

Shine Quiz Modal

A three-question quiz asks about oil intensity, breakout zones, and texture preferences. It then recommends a tier and pre-selects products, reducing the buying decision to a single confirmation tap. The quiz lives in a modal and is triggered by the secondary call to action.

Sticky Mobile Call-to-Action Bar

On mobile, a persistent bar anchors the primary call to action at the bottom of the screen throughout the scroll. The "Pick Your Box" button appears in saguaro green text on a sand-coloured button and is repeated after the unboxing gallery as well.

Page sections overview

Design & branding system

The template uses a Neo-Retro visual identity inspired by a 1970s desert motel postcard. The Desert Rose colour system feels warm and dry without tipping into maximalism. Fraunces, a retro serif, handles all headlines with slight letter-spacing, while DM Sans keeps body copy clean and legible.

• Colour roles: matte cream (#FDF6F0) dominates the canvas, terracotta (#C27066) anchors headlines and dividers, saguaro green (#3B5249) lives in typographic details and hover states, sand beige (#E8D5C4) separates product cards, and vintage blush pink (#D4918E) activates buttons and interactive accents
• Animation approach: high-intensity scroll-linked reveals, a rotating box animation, staggered card entrances, and hover depth effects throughout
• Typography pairing: Fraunces retro serif for all display text and DM Sans for all body and label text

Mobile & speed optimization

The template is built mobile-first. The sticky call-to-action bar ensures the primary conversion path is never more than a thumb-tap away, regardless of where a visitor is in the scroll.

• Mobile-first layout with equal desktop treatment across all five sections
• Sticky bottom bar on mobile keeps "Pick Your Box" persistently visible throughout the page
• Static sections use server-rendered components; the quiz modal and gallery interactions use client-side rendering for responsiveness

How this template helps you convert

The page is structured to reduce friction at every decision point along the scroll path.

1. The Shine Quiz pre-selects products and recommends a tier after just three questions, cutting the number of choices a visitor must make before confirming their subscription.
2. The "Pick Your Box" call to action appears three times across the page, once after the unboxing gallery, once in the pricing section, and once as a persistent sticky bar on mobile, keeping the conversion path visible without being intrusive.
3. Real subscriber selfies showing midday skin sit directly beside the final box reconstruction, providing authentic social proof at the exact moment a visitor is closest to committing.

Other information about this template

This template was built specifically for the oily skin subscription niche and reflects the design and copy conventions of that category in the US direct-to-consumer market.

• The page is scoped for English-language, USD-priced subscription box offerings in the US market
• The Neo-Retro theme and Desert Rose colour system are distinct enough to stand out from clinical, all-white skincare aesthetics common in the category
• The template style is Gallery plus Detail, meaning product photography and layered detail panels are central to the layout, not optional add-ons
• The Marketplace and Multi conversion model is built in: three tiers with a custom-build option cover the full spectrum of buyer intent from the lightest sampler to the committed subscriber

Show more