Cuando el lanzamiento de un producto o la historia de una marca debe detener el scroll, empieza con una plantilla cinematográfica. Estos diseños usan héroes en vídeo, 3D guiado por el desplazamiento, parallax e interfaces de cristal para ofrecer una experiencia que suele estar reservada a presupuestos de agencia. Sirven para presentaciones de producto, lanzamientos de automoción y movilidad, historias de espacio y ciencia, marcas de energía y sostenibilidad, y portafolios atrevidos. Usa el editor con IA de Draftly para cambiar el titular, las imágenes y la paleta mientras el movimiento sigue funcionando. Publica en tu propio dominio y comparte un sitio que parece un tráiler de cine, creado en minutos y no en meses.
Estudio planetario de espacio profundo: un planeta bajo el pliegue se escala más allá del viewport, revelando un sobrevuelo orbital interactivo con cuatro mundos y transiciones bruscas.
Sitio de producto de estudio de luz de seis páginas para ciclomotores eléctricos: tarjetas UI flotantes, giradiscos 360° controlado por scroll, secuencia de piezas despiezadas, selector de acabados en vivo y transiciones de página tipo cortina.
Cálido archivo editorial de artefactos: una tipografía serif se divide, las tarjetas de artefactos vuelan al hueco, colapsan en una pila de siete objetos controlada por scroll, y un cierre arquitectónico a sangre completa.
Lanzamiento automotriz cinematográfico: una funda de seda se levanta del coche al hacer scroll, seguido de una carrera por el desierto donde el coche pasa por delante y por detrás de un logotipo a pantalla completa.
Un portal de piedra a seis mundos: el arco permanece fijo mientras el mundo cambia a través de una máscara en forma de arco que se abre, inundando la pantalla a sangre completa.
Lanzamiento de micro-dron autónomo: el producto aterriza entre tipografía gigante, se despliega con el scroll mostrando anotaciones, y la página invierte de oscuro a claro a mitad de scroll.
Listado curado de mercado de hipercoches: un escenario fijo que alterna entre vídeos de órbita, bahía y empuje del Enzo, seguido de una ficha de detalles con especificaciones y un CTA para contactar al vendedor.
Landing de IA oscura a pantalla completa con vídeo hero de CloudFront, titular General Sans de 220px, gradiente de IA índigo→púrpura→ámbar, barra de navegación de cristal líquido y marquesina de logo, y bucle de desvanecimiento requestAnimationFrame.
Landing de stablecoin fintech premium sobre #F5F5F5 con TT Norms Pro, vídeo hero, tarjetas de ahorro, marquesina de patrocinadores y panel de casos de uso de Comercio.
Secciones dobles fijas a pantalla completa con BubbleMenu de píldora GSAP, SpotlightReveal con rastro de ratón sobre vídeo react-player, tarjeta de estadísticas de cristal al 78% y branding Nike swoosh.
Hero solar a pantalla completa con alternador de tema Día/Noche, transición de fondo desplegable, superposiciones de desenfoque, tipografía Outfit y cajón de navegación móvil.
Hero SaaS verde con tipografía Neue Haas Grotesk, fondo de vídeo boomerang en canvas, navegación de escritorio tipo píldora, cajón móvil escalonado y bloque CTA FluxEngine.
Landing cinematográfica oscura a pantalla completa con vídeo hero de Cloudinary, titular centrado, barra de navegación de cristal líquido y movimiento premium de desenfoque y desvanecimiento. Vite + React + Tailwind.
Minisitio de streaming de siete páginas con hero cinematográfico a viewport completo, vídeo CloudFront, máscara de desenfoque de fondo inferior, cromo de cristal líquido y escalonamiento blurFadeUp.
Héroe de energía renovable de una sola vista con video CloudFront, titular StaggeredFade, barra de navegación y control de reproducción de cristal líquido, CTAs con gradiente verde, marquesina de socios y +37k de prueba social.
Marca de calzado deportivo con menú de burbujas de píldora GSAP, máscaras de video destacadas y siete páginas con rutas hash.
Fondo de video CloudFront a página completa, CTA de héroe centrado, secciones de desplazamiento Descubrir y Misión, y un pie de página de cristal líquido animado con navegación Helvetica.
Landing de purificador de aire con máscara de foco de lienzo, SVG de cuadrícula de paralaje, barra de navegación de píldora y menú de hamburguesa móvil.
Landing de IA de una página expandida con superposiciones de héroe con pestañas sobre video CloudFront, movimiento fadeInUp, marquesina de logotipo y navegación vinculada al desplazamiento (Soluciones, Para Equipos, Acerca de, Centro de Aprendizaje). Vite + React + Tailwind.
Landing violeta oscuro (#08020e) con video de héroe con paralaje, maqueta de panel (chat + vista previa en vivo), primer plano de césped, navegación de cristal líquido, Símbolos de Material y transformaciones de desplazamiento de framer-motion.
Héroe Mux HLS de 500vh con desplazamiento "scrubbed", tipo Dirtyline ScrollFloat, panel "Acerca de" de cristal con paralaje 3D y marquesina de marca, y navegación de relleno líquido GSAP PillNav.
Landing de desplazamiento negro de seis secciones para una marca de RV eléctrica: Instrument Serif + Inter, CTAs de cristal líquido, videos de héroe/característica/CTA de CloudFront, sección de declaración Mux HLS y movimiento de aparición gradual.
Landing de una página claro con héroe de video CloudFront redondeado, titular Outfit, marquesina de logotipo svgl, navegación de dock de cristal flotante y secciones de desplazamiento para Características, Ecosistema, Documentos y Contacto. Vite + React + Tailwind v4 + motion.
Sí. El editor cambia textos, colores y contenido multimedia sin romper los efectos de scroll y de vídeo.
Son adaptables y están optimizadas, pero el vídeo pesado puede ir más lento con conexiones débiles. Puedes cambiar o acortar el contenido en el panel de Assets.
Sí. Sube tu propio vídeo e imágenes en el panel de Assets.