Migra - Authentic Beauty Landing Page Template
Migra is a scroll-reveal beauty landing page built for immigrant-owned brands with a story worth telling. It layers products progressively as visitors scroll, escalating from a single hero item to a full ritual set. A countdown timer, bilingual calls to action, and a custom bundle drawer work together to turn curious visitors into committed buyers.
by Rocket studio
Quick summary
Migra is a single-page, scroll-reveal landing page designed for an immigrant-owned beauty brand rooted in Dominican and Korean beauty traditions. It opens with a full-viewport countdown, then unfolds product tiers as visitors scroll. Every section builds emotional connection and purchase urgency, ending with a custom bundle drawer that lets buyers assemble their own set.
Who this template is for
This template is built for beauty founders whose products carry personal history. It fits brands where the origin story is part of the product value, not just background noise.
- Immigrant-owned beauty brands selling culturally informed skincare or haircare
- Direct-to-consumer founders launching a limited product drop or debut collection
- Small-batch beauty businesses that need a high-emotion, high-conversion sales page
What problem this template solves
Most beauty landing pages treat all visitors the same. They show one product, one price, and one call to action. That approach loses the buyer who needs to feel something before they spend.
- Visitors leave before reaching the upsell because there is no emotional pull keeping them engaged
- Single-product pages miss the chance to show customers what a full ritual looks like
- Generic templates erase the founder's voice, reducing a culturally rich brand to a bland product listing
What you get with this template
This template delivers a complete scroll-reveal sales experience, built around progressive product disclosure and persistent urgency. Every element has a defined role in guiding the visitor from arrival to purchase.
- A full-viewport countdown header with a bilingual headline and a flip-card timer display
- Three progressive product reveal tiers, each offering a deeper discount as the visitor scrolls further
- A slide-out custom bundle drawer with a live savings calculator
Feature list
This template includes several purpose-built components. Each one supports a specific stage of the buyer's journey, from first impression through final checkout decision.
Full-Viewport Countdown Header
The header splits the screen between a rich product visual and a retro flip-card countdown timer. The timer reads "La Próxima Tanda Drops In:" in oversized amber numerals on indigo. One bold line below anchors the brand promise before the visitor scrolls.
Progressive Scroll Reveal
Products appear in tiers as the visitor scrolls down the page. The first tier shows a single hero serum. The second reveals a duo bundle. The third unlocks a full ritual set with a bonus product that only becomes visible after the visitor passes both earlier tiers.
Persistent Sticky Timer
Once the visitor scrolls past the header, the countdown timer reattaches to the bottom of the viewport. It stays visible throughout the entire page, maintaining urgency without interrupting the reading flow.
Micro-Animation Product Reveals
Each product tier slides into view from the edges of the screen as if being placed on a surface by unseen hands. These entrance animations are timed to the scroll position, making each new reveal feel intentional rather than automatic.
Bilingual Upsell Calls to Action
The hero product carries a deliberately muted call to action reading "Grab Just This One." The bundle call to action pulses in amber and reads "Dame El Set Completo," paired with a strikethrough showing individual pricing versus bundle savings.
Custom Bundle Drawer
A tertiary path labeled "Build Your Own Tanda" opens a slide-out drawer. Visitors drag products into their own custom bundle and watch a live savings calculator update in real time as they add items.
Page sections overview
| Section | Purpose |
|---|---|
| Countdown Header | Opens with urgency and brand voice |
| Hero Product Tier | Introduces the single entry product |
| Duo Bundle Reveal | Escalates value with a paired offer |
| Full Ritual Set | Unlocks the highest-value bundle tier |
| Sticky Timer Bar | Maintains bottom-anchored purchase urgency |
| Custom Bundle Drawer | Lets visitors build a personalized set |
Design & branding system
The visual identity follows a Neo-Retro theme using the Cloud Canvas color system. The palette was built to feel like a Polaroid left on a windowsill: sun-bleached in the quiet moments, deeply saturated where it counts.
- Base tones include soft plaster white (#F4F0EB) and faded bodega-awning pink (#E8A0BF) for backgrounds and surface areas
- Worn passport-stamp indigo (#3D3B8E) drives typography and structural elements, while golden hour amber (#D4A056) is reserved exclusively for countdown timers and call-to-action pulses
- Handwritten-style customer annotations appear pinned directly to product images, replacing the conventional testimonial block with something more intimate and visual
Mobile & speed optimization
The template is structured so that the scroll-reveal sequence works cleanly on smaller screens. Animations are tied to scroll position rather than hover states, which translates naturally to touch-based navigation.
- Sticky timer remains anchored to the bottom of the viewport on mobile, preserving urgency without blocking product content
- The custom bundle drawer is built as a slide-out panel, designed to open and close cleanly on both desktop and mobile screen sizes
- Product reveal animations are entrance-only, keeping motion purposeful and avoiding visual noise on narrower viewports
How this template helps you convert
The conversion architecture in this template works through escalation. Each scroll reveals more value, making the single product feel incomplete without the set it belongs to.
- The countdown timer creates immediate time pressure at the top of the page, then follows the visitor down as a persistent bottom bar so urgency never disappears between product sections.
- The progressive discount structure rewards visitors who scroll further. Each tier reveals a better per-unit price, making the full ritual set the most rational choice by the time it appears.
- The bilingual call-to-action contrast deliberately makes the single-product option feel understated while the bundle option pulses with color and savings data, steering attention toward the higher-value path.
Other information about this template
This template sits inside the Retail & E-Commerce category with a focus on immigrant-owned business use cases. It was built with the Neo-Retro theme and a Cloud Canvas color system in mind, and the matched intersection context draws from immigrant-owned business positioning.
- The creative direction is Limited Time, meaning the entire page narrative is built around scarcity and a drop model rather than an evergreen catalog
- The landing page direction is Direct Sales, with every element oriented toward a single-session purchase rather than email capture or content engagement
- The template style follows a structured, section-led flow that supports the scroll-reveal mechanics described in the brief




Theme
Neo-Retro
Creative direction
Limited Time
Color system
Citrus Burst
Style
Bento Grid
Direction
Direct Sales
Page Sections
Full-viewport Countdown Header
Progressive Scroll Reveal Tiers
Persistent Sticky Timer
Bilingual Upsell Calls to Action
Custom Bundle Drawer
Inline Social Proof Annotations
Related questions
Can I change the countdown timer language and labels?
Does the custom bundle drawer support more than three products?
Can I use this template for a product drop outside of beauty?
How do the handwritten customer annotations work?
Is the scroll-reveal sequence fixed or can I reorder it?