All projects · Marketing & Lead-Gen
ScarcityFlow — Founding Member Early Access
A conversion-focused early-access offer card combining a persistent 24-hour countdown with a diminishing-availability meter.
A conversion-focused early-access offer card combining a persistent 24-hour countdown with a diminishing-availability meter. It anchors the offer's start time and claimed-slot count in localStorage, simulates organic claims drifting the slot counter downward over time (catching up across refreshes), and adapts CTA copy and color as scarcity intensifies.
- Anchored countdown: expiry derived from a persisted start timestamp rather than session-relative time
- Simulated organic-claim engine that processes missed ticks across page refreshes so the slot count keeps drifting
- Split-flap style digit flip animation driven by a two-span stack that only animates real value changes
- State-driven urgency: availability bar drifts warn/critical colors and CTA copy shifts on low-stock, near-expiry, sold-out, and expired states
- Debug strip to reset the offer and simulate claims
Built with: HTML, CSS, Vanilla JavaScript, localStorage, requestAnimationFrame, CSS 3D flip animation (perspective/transform), Google Fonts (Sora/Outfit)