Draftly

Qu'est-ce que Draftly ?

Draftly est une plateforme de création de sites web 3D qui convertit des prompts en langage naturel en sites web prêts pour la production, pilotés par le défilement, avec un mouvement cinématographique. Les utilisateurs décrivent le style visuel souhaité, et Draftly génère une image-clé, la transforme en vidéo de 8 secondes, extrait plus de 400 images et les assemble en une expérience de défilement parallaxe fluide —— tout cela sans WebGL, Three.js ou aucun codage manuel. Le résultat final est un fichier ZIP téléchargeable contenant du HTML, CSS et JavaScript prêts à être déployés. Draftly prend en charge l'édition itérative basée sur le chat, l'injection de photos de produits, le chaînage multi-vidéo et le contrôle FPS ajustable, le rendant adapté tant au prototypage rapide qu'aux sites de production soignés.

Fonctionnalités clés

• Pipeline Prompt-to-3D

  Décrivez votre site en texte simple —— Draftly génère une image-clé cinématographique, la transforme en vidéo animée, extrait plus de 400 images et assemble automatiquement un site web 3D piloté par le défilement.

• Animation par défilement sans code

  La lecture image par image du défilement crée un effet de film 3D parallaxe en utilisant uniquement le défilement natif du navigateur —— pas besoin de WebGL ou Three.js, fonctionne sur tous les appareils.

• Édition itérative par chat

  Affinez le texte, les couleurs, la mise en page et les sections via une interface de chat après la génération, sans reconstruire à partir de zéro.

• Injection de produits

  Téléchargez des photos de produits et demandez à l'AI de les placer directement dans la scène 3D, le rendant pratique pour les pages de commerce et de marketing.

• Chaînage multi-vidéo et contrôle FPS

  Enchaînez plusieurs vidéos bout à bout pour créer des séquences de défilement plus longues, et ajustez finement la densité d'images entre 10 et 40 FPS pour contrôler la vitesse et la fluidité de l'animation.

• Export ZIP full-stack

  Téléchargez un ZIP prêt pour la production contenant le frontend HTML/CSS/JS plus un starter d'API backend Express —— prêt à être déployé immédiatement.

Cas d'utilisation

• Pages de destination pour startups et SaaS : Les fondateurs et les petites équipes peuvent lancer une page produit visuellement convaincante en quelques minutes sans embaucher de designer ou de développeur.
• Sections héros pour e-commerce : Les boutiques en ligne peuvent injecter des images de produits dans des scènes 3D cinématographiques pour créer des expériences immersives au-dessus de la ligne de flottaison qui stimulent les conversions.
• Prototypage client pour agences : Les agences digitales peuvent générer rapidement des concepts de sites web 3D haute fidélité pour les présentations clients, puis itérer via chat en temps réel.
• Portfolios et vitrines de marque : Les designers et créatifs peuvent construire des sites de portfolio pilotés par le défilement avec un mouvement cinématographique qui se démarquent sans écrire une seule ligne de code.
• Microsites de campagnes marketing : Les marketeurs peuvent créer rapidement des pages de campagne à durée de vie courte avec un fort impact visuel, sans dépendre des ressources d'ingénierie.

FAQ