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

SectionPurpose
Countdown HeaderOpens with urgency and brand voice
Hero Product TierIntroduces the single entry product
Duo Bundle RevealEscalates value with a paired offer
Full Ritual SetUnlocks the highest-value bundle tier
Sticky Timer BarMaintains bottom-anchored purchase urgency
Custom Bundle DrawerLets 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.

  1. 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.
  2. 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.
  3. 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
Migra - Authentic Beauty Landing Page Template
Migra - Authentic Beauty Landing Page Template
Migra - Authentic Beauty Landing Page Template
Migra - Authentic Beauty Landing Page Template

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?