DocsPremiers pasDémarrage rapide

Démarrage rapide

De zéro à un site web publié en direct en moins de 5 minutes.

Étape 1 — Se connecter

Allez sur draftly.space et connectez-vous avec Google ou votre email. Les nouveaux comptes sont créés en 30 secondes.

Après la connexion, vous arrivez sur le Tableau de bord — une liste de vos projets. Les nouveaux utilisateurs voient un état vide avec une invitation à créer leur premier site.

Étape 2 — Ouvrir le constructeur

Cliquez sur Nouveau projet ou Constructeur 3D depuis le tableau de bord ou la navigation supérieure.

Le constructeur s'ouvre avec une saisie de chat en bas à gauche et un volet d'aperçu en direct à droite. Si c'est votre première visite, un court tutoriel en 3 étapes vous présente l'interface. Vous pouvez le fermer à tout moment ou y revenir via le bouton d'aide ?.

Étape 3 — Rédiger votre prompt

Dans la saisie de chat, décrivez votre site web. Plus c'est spécifique, mieux c'est — incluez le nom de l'entreprise, le secteur, les sections souhaitées et l'ambiance visuelle.

Exemple : "Romano's Coal-Fired Pizza — restaurant familial à Brooklyn depuis 1987. Ambiance chaude, rustique, sombre et cinématique. Inclure hero, notre menu, notre histoire, réservations et avis. CTA : Réserver une table."

Appuyez sur Entrée ou cliquez sur l'icône d'envoi pour démarrer la génération. Cliquez optionnellement sur le bouton ✨ Améliorer d'abord (1 crédit) pour que l'IA renforce votre prompt.

Étape 4 — Observer le pipeline

La génération prend 2 à 3 minutes en moyenne. Une barre de progression en direct montre quatre étapes :

1.Planification de votre site — L'IA extrait le nom de la marque, le titre, les sections
2.Génération de l'image hero — L'IA crée votre fond cinématique statique
3.Création de la vidéo en mouvement — Veo 3.1 génère votre vidéo de défilement (~60–90 secondes)
4.Construction de votre site — Les sections HTML sont assemblées en parallèle

Laissez l'onglet ouvert pour une meilleure expérience. Si vous fermez l'onglet, la bannière de reprise automatique apparaît lorsque vous le rouvrez — cliquez dessus pour reprendre là où la génération s'est arrêtée.

Étape 5 — Aperçu & Édition

Lorsque la génération est terminée, le volet d'aperçu affiche votre site en direct avec l'animation de défilement active.

Faites défiler dans l'aperçu pour voir l'animation parallaxe synchronisée à la vidéo
Cliquez sur n'importe quel texte pour le modifier en ligne — gratuit, instantané, sans crédits
Tapez dans le chat pour demander des modifications de design : "Assombrissez le fond", "Changez le CTA en 'Réserver maintenant'", "Ajoutez une section de tarification"
Préréglages de design (icône pinceau) — transformations de style en un clic, également gratuites

Étape 6 — Publier

Cliquez sur Publier en direct dans la barre d'action en bas à gauche.

Choisissez un sous-domaine (ex. : romanos-pizza.draftly.space). Le site est mis en ligne via Cloudflare CDN en ~5 secondes.

Partagez l'URL avec des clients ou utilisez-le comme votre vrai site web. Les modifications futures dans le constructeur peuvent être republiées instantanément sans nouvelle URL ni temps d'arrêt.