Loja de iPhone Premium

Vitrina estilo Apple · video del unboxing controlado por el scroll

El revendedor de iPhone suele tener solo Instagram como vitrina, o un template genérico que no transmite la sensación de tienda premium — y no convierte visitas en leads calificados.

• 01El hero no usa autoplay en desktop: un rAF lee la posición del scroll y persigue el currentTime del video con un amortiguamiento (lerp), así…+

  LEER EL DETALLE TÉCNICO

  El hero no usa autoplay en desktop: un rAF lee la posición del scroll y persigue el currentTime del video con un amortiguamiento (lerp), así que desplazar la página es literalmente abrir la caja. El archivo se reencodea con GOP 1 — cada frame se vuelve keyframe — sin lo cual el seek se traba en producción aunque corra fluido en localhost. En el celular el mismo video corre en autoplay puro en loop: un equipo real no decodifica un frame de video pausado sin llamar a play(), así que dirigirlo por scroll dejaría el hero en blanco en el celular — el pin de altura doble también existe solo en desktop.

• 02Carrito y checkout son solo frontend (localStorage), sin pasarela: el botón final arma el mensaje de WhatsApp con productos, subtotal y los …+

  LEER EL DETALLE TÉCNICO

  Carrito y checkout son solo frontend (localStorage), sin pasarela: el botón final arma el mensaje de WhatsApp con productos, subtotal y los datos del lead, revelando con una animación de altura el campo de entrega del equipo anterior (modelo + salud de la batería) solo cuando se marca el checkbox. La verificación visual corre con Playwright directo contra la URL de producción — scrub del hero en 5 posiciones, desktop y celular — porque el mismo scrub que pasa fluido en local puede romperse servido por la CDN.

CONSTRUIDO CON — Next.js · TypeScript · Tailwind CSS · PlaywrightCÓDIGO ↗

Video real controlado por el scroll

PROYECTO PROPIO · EN LÍNEA

[ QUIERO ALGO PARECIDO ]