Quand un lancement produit ou l’histoire d’une marque doit arrêter le scroll, commencez par un template cinématique. Ces designs utilisent des hero vidéo, de la 3D pilotée par le défilement, du parallaxe et des interfaces en verre pour offrir une expérience habituellement réservée aux budgets d’agence. Ils conviennent aux présentations de produits, aux lancements automobiles et de mobilité, aux récits sur l’espace et la science, aux marques d’énergie et de durabilité, et aux portfolios audacieux. Avec l’éditeur IA de Draftly, changez le titre, les images et la palette sans perdre les animations. Publiez sur votre propre domaine et partagez un site qui ressemble à une bande-annonce, réalisé en minutes plutôt qu’en mois.
Sondage planétaire en espace lointain — une planète stationnée sous la ligne de flottaison dépasse la fenêtre d'affichage et vous plongez dans un survol orbital contrôlé par le défilement, avec quatre mondes et des transitions nettes entre eux.
Site produit de studio léger de six pages pour une marque de mobylettes électriques — cartes d'interface flottantes, un plateau tournant à 360° contrôlé par le défilement, une séquence de pièces éclatées, un sélecteur de finition en direct et des transitions de page par balayage en rideau.
Archive chaleureuse d'artefacts éditoriaux — une police à empattement d'affichage se sépare, des cartes d'artefacts s'insèrent dans l'espace, puis se replient en une pile de sept objets contrôlée par le défilement avant une clôture architecturale en plein écran.
Lancement automobile cinématographique — une housse de protection en soie se soulève de la voiture au défilement, puis une course dans le désert où la voiture passe devant et derrière un logo textuel de la taille de l'écran.
Un portail de pierre vers six mondes — l'arche ne bouge jamais tandis que le monde au-delà change à travers un masque en forme d'arche qui s'ouvre à l'intérieur de l'arcade, puis inonde au-delà de la pierre jusqu'au plein écran.
Lancement de produit pour un micro-drone autonome — le produit atterrit dans un sandwich de caractères géants, se déploie au défilement avec des annotations, et la page s'inverse du sombre au clair à mi-défilement.
Annonce de marché de hypercars sélectionnées — une scène épinglée qui alterne entre des films d'orbite, de baie et de poussée de l'Enzo, puis une fiche détaillée avec les spécifications et un CTA de contact du vendeur.
Page de destination IA sombre en plein écran avec vidéo héroïque CloudFront, titre General Sans de 220px, dégradé IA indigo→violet→ambre, barre de navigation et défilement de logo en verre liquide, et boucle de fondu requestAnimationFrame.
Page de destination stablecoin fintech premium sur #F5F5F5 avec TT Norms Pro, vidéo héroïque, cartes d'épargne, défilement des soutiens et panneau de cas d'utilisation Commerce.
Deux sections plein écran fixes avec menu bulle pilule GSAP, effet SpotlightReveal au passage de la souris sur une vidéo react-player, carte de statistiques en verre à 78% et marque Nike swoosh.
Héro solaire plein écran avec bascule de thème Jour/Nuit, transition de fond déroulante, superpositions floues, typographie Outfit et tiroir de navigation mobile.
Héro SaaS vert avec typographie Neue Haas Grotesk, fond vidéo boomerang sur toile, navigation de bureau en forme de pilule, tiroir mobile échelonné et bloc CTA FluxEngine.
Page d'atterrissage cinématique sombre plein écran avec vidéo héro Cloudinary, titre centré, barre de navigation en verre liquide et mouvement de flou-fondu premium. Vite + React + Tailwind.
Mini-site de streaming de sept pages avec héro cinématique pleine largeur, vidéo CloudFront, masque de flou d'arrière-plan inférieur, chrome en verre liquide et échelonnement blurFadeUp.
Héro énergie renouvelable à vue unique avec vidéo CloudFront, titre StaggeredFade, barre de navigation et contrôle de lecture en verre liquide, CTA à dégradé vert, défilé de partenaires et preuve sociale de +37k.
Marque de chaussures de sport avec menu bulle pilule GSAP, masques vidéo projecteur et sept pages à routage par hachage.
Arrière-plan vidéo CloudFront pleine page, CTA héro centré, sections défilantes Découvrir et Mission, et pied de page en verre liquide animé avec navigation Helvetica.
Page de destination purificateur d'air avec masque projecteur sur toile, grille SVG à parallaxe, barre de navigation pilule et menu hamburger mobile.
Page de destination IA étendue d'une page avec superpositions d'héro à onglets sur vidéo CloudFront, animation fadeInUp, défilé de logos et navigation liée au défilement (Solutions, Pour les équipes, À propos, Centre d'apprentissage). Vite + React + Tailwind.
Page de destination violet foncé (#08020e) avec vidéo héro à parallaxe, maquette de tableau de bord (chat + aperçu en direct), premier plan herbe, navigation en verre liquide, Symboles Material et transformations de défilement framer-motion.
Héro Mux HLS de 500vh avec défilement contrôlé, type Dirtyline ScrollFloat, panneau "À propos" en verre avec parallaxe 3D et défilé de marques, et navigation GSAP PillNav à remplissage liquide.
Page de destination noire à six sections pour une marque de VR électrique : Instrument Serif + Inter, CTA en verre liquide, vidéos héro/fonctionnalité/CTA CloudFront, section de déclaration Mux HLS et animation de fondu-montée.
Page de destination claire d'une page avec héro vidéo CloudFront arrondi, titre Outfit, défilé de logos svgl, navigation flottante en verre et sections défilantes pour Fonctionnalités, Écosystème, Docs et Contact. Vite + React + Tailwind v4 + motion.
Oui. L’éditeur modifie textes, couleurs et médias tout en préservant les effets de scroll et de vidéo.
Ils sont responsive et optimisés, mais une vidéo lourde peut être plus lente sur une connexion faible. Vous pouvez remplacer ou raccourcir les médias dans le panneau Assets.
Oui. Importez vos vidéos et images dans le panneau Assets.