Pour créer un site internet sans agence, procédez dans cet ordre : décidez ce que le visiteur doit faire après vous avoir lu, prévoyez trois à six pages, rédigez les textes, puis construisez le site par l'une des trois méthodes possibles : coder vous-même, passer par un créateur de site web ou décrire le site à une IA. Il reste ensuite le domaine, le HTTPS et la mise en ligne. Ce guide suit l'exemple d'une fleuriste lyonnaise, du plan des pages jusqu'à l'adresse en ligne.
Choisir sa méthode avant de commencer
- Coder soi-même en HTML, CSS et JavaScript : vous comprenez chaque ligne, mais il faut plusieurs week-ends pour obtenir un résultat propre sur téléphone.
- Utiliser un créateur de site web à modèles, comme Wix ou Squarespace : rapide pour un site simple, mais vous restez dans l'éditeur d'une seule entreprise et ne pouvez pas emporter le code.
- Décrire le site à une IA : vous écrivez ce que vous voulez, l'IA produit un vrai code que vous pouvez récupérer, et vous modifiez le site par messages.
Si vous voulez apprendre le métier de développeur, la première méthode vous apprendra ce que les deux autres cachent. Si vous voulez un site cette semaine sans jamais voir de code, les deux autres sont plus rapides.
Préparer les pages et les textes
Un site, ce sont surtout des mots et des photos. Avant d'ouvrir le moindre outil, répondez à une question : que doit faire le visiteur ? Pour la fleuriste, c'est commander un bouquet ou l'appeler pour un mariage. Le plan en découle :
- Accueil : ce que vous vendez, pour qui, où, et un bouton Commander.
- Bouquets : quelques créations avec photo et prix indicatif.
- Mariages et événements : comment se passe un devis.
- À propos : qui vous êtes, depuis quand, l'adresse de la boutique.
- Contact : téléphone, horaires, plan d'accès, formulaire.
Rédigez ces textes dans un document à part, et rassemblez cinq à dix bonnes photos prises à la lumière du jour. Il est bien plus simple de coller des textes finis que d'écrire en se battant avec la mise en page.
Créer un site internet avec l'IA
Dans VibeDream, cliquez sur New Project et choisissez Direct Prompt. Vous pouvez taper votre demande, la dicter ou joindre une capture d'écran d'un site qui vous plaît. L'interface est en anglais pour l'instant, mais vous écrivez en français.
Crée le site de ma boutique de fleurs « Pétales & Cie » à Lyon, dans le 6e arrondissement.
Pages : Accueil (bouquets du moment et bouton Commander), Bouquets (six créations avec photo et prix à partir de 35 euros), Mariages (déroulé d'un devis en trois étapes et formulaire de demande), À propos, Contact (téléphone, horaires du mardi au samedi de 9 h à 19 h, plan).
Style : élégant et lumineux, blanc cassé et vert sauge, belles typographies, pensé d'abord pour le téléphone.
Tous les textes en français, en vouvoyant le visiteur.Un aperçu apparaît à côté de la conversation et se remplit pendant que l'IA travaille. Vous modifiez ensuite le site en parlant : « mets les horaires tout en haut de la page Contact », « ajoute une page Abonnement floral ». Basculez l'aperçu en vue téléphone, puisque la plupart des visiteurs d'un commerce local arrivent sur mobile.
Vous pouvez aussi partir du modèle Aesthetic Landing Page et l'adapter. Ce que vous obtenez est du vrai code, une interface React et un serveur FastAPI, lisible dans l'onglet Code, téléchargeable en ZIP ou synchronisable avec GitHub. Les trois méthodes sont comparées plus en détail dans notre guide en anglais How to build a website.
Domaine, hébergement et HTTPS
Pour être visible, un site a besoin d'un hébergement, d'un nom de domaine et du HTTPS pour afficher le cadenas. Avec VibeDream, l'hébergement est inclus : cliquez sur Put it online, choisissez un nom, et en 1 à 3 minutes le site est en ligne à une adresse comme petales-et-cie.vibedreams.ai, avec le HTTPS.
Pour votre propre domaine, ajoutez un enregistrement TXT et un CNAME chez votre registraire. Les domaines racine comme petalesetcie.fr ne sont pas encore pris en charge : branchez www.petalesetcie.fr et réglez une redirection du domaine nu vers le www chez votre registraire. Le guide de mise en ligne et l'article How to put a website online, tous deux en anglais, montrent chaque étape.
Combien coûte la création d'un site
Coder soi-même coûte peu d'argent mais beaucoup de temps. Un créateur de site web facture un abonnement mensuel qui varie selon les fonctions. Côté budget, VibeDream fonctionne avec un abonnement mensuel en crédits. All Access Mini coûte 49 dollars US par mois avec 60 crédits et jusqu'à 3 projets actifs. All Access coûte 97 dollars US par mois avec 150 crédits et jusqu'à 5 projets actifs. Les crédits se consomment à chaque message, et une mise en ligne ou une mise à jour coûte 5 crédits, hébergement compris. Les tarifs à jour sont sur la page des prix.
Pour une entreprise locale qui veut surtout se présenter et être contactée, notre guide du site vitrine détaille le contenu de chaque page. Pour une seule offre avec un seul bouton, une landing page suffit.