Home
Templates
Beauty & Personal Care
Oily Skin Beauty
Oily - Highconverting Skin Landing Page Template
Oily is a gallery and detail landing page built for oily skin subscription boxes. It guides visitors through an immersive unboxing scroll, showcases five monthly products with expandable detail panels, and funnels buyers into three clear subscription tiers. A built-in Shine Quiz reduces decision friction by recommending the right tier in under a minute.
by Rocket studio
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.
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.
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.
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.




Theme
Neo-Retro
Creative direction
Unboxing Experience
Color system
Desert Rose
Style
Gallery + Detail
Direction
Marketplace/Multi
Page Sections
Scroll-linked Unboxing Experience
Expandable Product Detail Panels
Three-tier Subscription Pricing
Shine Quiz Modal
Sticky Mobile Call-to-action Bar
Vintage Portrait Hero with Overlay
Can I change the subscription tier names and prices?
How does the Shine Quiz work inside the template?
Is the template suitable for combination skin audiences as well?
What kind of product visuals work best with this layout?
Do I need all five product slots filled before I launch?
This template is built around six distinct capabilities drawn from the source brief.
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."
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.
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.
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.
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.
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.
| Section | Purpose |
|---|---|
| Hero Portrait | Establish brand tone with a vintage Vogue-style portrait and floating tier overlay |
| Unboxing Gallery | Reveal the monthly box through a rotating matte box and flat-lay product grid |
| Product Deep Dive | Spotlight individual products with ingredient details and progressively warmer backgrounds |
| Pricing Tiers | Present three subscription options with featured card treatment and clear pricing |
| Shine Quiz + Social Proof | Personalise tier recommendation and display real subscriber selfies |
| Footer | Single-row linear footer with brand navigation |
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.
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.
The page is structured to reduce friction at every decision point along the scroll path.
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.