Votre site vitrine (presque) gratuit

Je vais être clair dès le départ : si, en 2025 (et après), vous n’avez pas de site professionnel pour vous, votre projet ou votre entreprise, c’est parce que vous ne le voulez pas.

Parce qu’avec le processus que je vais vous expliquer, vous pouvez l’avoir pour moins de 5 $ par an. Soit 0,35 € par mois.

Et avec des finitions professionnelles.

Oui, je ne plaisante pas.

Pour préciser :

1. Je parle de sites vitrines, pas d’Ecommerce ni de blogs.
2. Autrement dit, ils ne nécessitent pas de base de données.
3. Le projet comprend une adresse email professionnelle.

En définitive, les bases nécessaires pour avoir une présence acceptable sur internet.

L’idée vous tente ? Alors je vous explique le processus.

#1. Choisir un nom pour l’entreprise / le site

Ici, j’ai donné quelques concepts à ChatGPT pour qu’il me propose des noms, tout en vérifiant dans le bureau d’enregistrement de domaines de Cloudflare s’ils étaient disponibles.

#2. Acheter le domaine

Quand j’en ai trouvé un qui me plaisait et dont le .com était disponible, je l’ai acheté.

Cela m’a coûté 10 $ (pas des euros, merci le VPN) et c’est la seule dépense que j’ai eue.

J’aurais pu choisir des extensions moins chères, comme le .org, le .work ou le .stream, qui me convenaient aussi et coûtaient à partir de 4 $, mais j’ai gardé le .com :

C’est la seule dépense que j’ai dû faire.

Au passage, le domaine visible sur l’image est un exemple tiré de l’excellente série Ted Lasso, ce n’est pas celui que j’ai choisi.

#3. Créer un logo

Une fois le nom choisi, je suis allé sur Ideogram et je lui ai demandé un logo comme ceci :

« J’ai besoin d’un logo rétro et attrayant pour ce nom de projet web : "Futbol is life" »

#4. Supprimer l’arrière-plan du logo

Je l’ai fait avec Photoshop, mais vous pouvez le faire sur n’importe quel site, par exemple celui-ci (il y en a mille autres).

#5. Créer le site

Oui, même si vous n’y connaissez rien, certaines IA peuvent créer le site pour vous.

Je voulais en tester une et j’ai utilisé Lovable. Allez voir les exemples présentés sur son site.

Maaais c’était une erreur de ma part, car même si le résultat était vraiment bon visuellement et sur le plan du contenu, l’outil utilise des technologies comme React qui ne conviennent pas à ce que nous voulons faire.

Ici, il faut que l’IA crée le site en HTML, CSS et JS simples, sans avoir besoin de serveurs comme Node.js.

ChatGPT sait le faire, mais la première version du site n’est pas très jolie.

Manus.ai le fait nettement mieux, mais c’est payant, même si vous disposez d’un essai d’une semaine.

Quelques considérations supplémentaires :

Vous pouvez créer une single-page avec tout le contenu (plus simple) ou un site avec plusieurs URL (plus complexe).

Cela dit, vous aurez toujours besoin de conditions générales adaptées à votre pays. Utilisez ChatGPT ou un autre outil pour les générer et les lier depuis le footer, ou passez par l’application de création de site.

Dans mon exemple, je l’ai demandé à Lovable, qui a généré et lié les conditions. Vous pouvez utiliser un prompt comme celui-ci :

“je suis une ONG et j’ai besoin d’un site pour expliquer comment le football sauve des vies. je vous transmets le logo afin que vous utilisiez le même style et les mêmes couleurs. J’aurai besoin d’une URL de conditions d’utilisation liée depuis le footer”

Et l’accompagner du logo transparent généré à l’étape précédente.

De cette façon, nous obtiendrions un site comme celui-ci:

Voici le résultat obtenu dès la première tentative, sans même itérer avec d’autres prompts qui auraient nettement amélioré le site.

Et non, ce n’est pas un site idéal pour vendre un service. Il lui manque beaucoup de choses, bien sûr. D’ailleurs, dans ce cas, je ne lui ai même pas demandé de générer un formulaire, ce que Lovable peut faire sans problème.

Mais si vous avez besoin d’un site complet, avec images, texte et code en cinq minutes, il est difficile de faire mieux (du moins en octobre 2025).

#6. Télécharger les fichiers du site

C’est l’étape la plus complexe si vous utilisez Lovable comme je l’ai fait.

Comme je l’ai déjà dit, c’est parce que la plateforme ne fonctionne pas avec du HTML, du CSS et du JS simples, mais avec React, Tailwind, Vite et Node.js.

Cela complique l’obtention des fichiers dont nous avons besoin pour les téléverser ensuite sur Cloudflare.

Je l’ai fait en enregistrant les sites depuis le navigateur et en modifiant les chemins lorsque c’était nécessaire, car le fait de tout monter d’abord sur Git ne m’a pas permis de créer le déploiement sur des services comme Vercel ou Netlify.

Il existe peut-être un moyen d’obtenir les fichiers statiques et je n’ai pas consacré assez de temps à la recherche, mais je n’y suis pas arrivé. Je vous recommande donc, si vous n’êtes pas à l’aise techniquement, d’utiliser un autre créateur comme Manus.ai.

En pratique, il vous faut un fichier HTML pour chaque URL de votre site, ainsi que les fichiers CSS et JS utilisés. C’est tout.

Une fois que vous les avez, compressez-les tous dans un fichier .zip afin de ne téléverser qu’un seul fichier à l’étape suivante.

#7. Déployer le site sur Cloudflare

C’est plus simple que cela en a l’air. Je ne l’avais jamais fait et cela m’a pris moins de deux minutes.

En gros, dans la section « Workers & Pages » de votre espace client Cloudflare (vous êtes déjà client si vous avez acheté le domaine à l’étape 2), il faut :

1. Créer une nouvelle page.
2. Téléverser le fichier zip de l’étape précédente.
3. Sélectionner le domaine acheté pour le relier au site créé.

Et voilà : en quelques instants, notre site sera actif sur le domaine choisi.

IMPORTANT : ce n’est pas un site professionnel, il en a seulement l’apparence.

Je le précise parce que nous n’avons appliqué aucun critère SEO, UX ou CRO. Nous n’avons pas non plus configuré d’analytics. Il aura donc du mal à vendre.

Mais nous aurons un site à l’apparence professionnelle pour 4 dollars, en moins de 15 minutes et en partant de zéro.

#8. Email professionnel (facultatif)

Si vous avez besoin d’une adresse email professionnelle avec le domaine (dans mon exemple, quelque chose comme info@futbolislife.com) pour le projet, vous avez deux options : une meilleure et une plus simple.

Boîte mail de réception uniquement

Dans ce cas, l’adresse professionnelle permettra aux autres de nous envoyer des emails, mais nous ne pourrons pas envoyer de messages depuis cette adresse.

Si cela vous suffit, il suffit d’aller dans l’option « Email Routing » de Cloudflare, où :

1. Nous créerons l’adresse email liée au domaine acheté.
2. Nous ajouterons l’une de nos adresses email vers laquelle seront redirigés les messages reçus à l’adresse précédente. Cette adresse peut être notre Gmail, par exemple.
3. Certains enregistrements DNS seront configurés automatiquement.

Autrement dit, lorsqu’une personne enverra un email à l’adresse professionnelle, nous le recevrons dans notre boîte de réception Gmail.

C’est pour cela que nous ne pourrons pas envoyer depuis cette adresse : l’envoi partirait de notre Gmail.

Boîte mail complète

Pour l’obtenir, vous devrez suivre ce tutoriel Zoho Mail ou cet autre tutoriel dans lequel je vous explique comment faire avec Gmail.

Sachez que cela peut aussi se faire avec Brevo et quelques autres outils.

Quelle que soit la méthode choisie, votre boîte email sera alors opérationnelle.

Conclusions

Dans cet article, je vous ai expliqué pas à pas comment obtenir un site vitrine correct pour 30 centimes d’euro par mois.

Je ne suis pas entré dans les détails parce que, franchement, ChatGPT peut mieux expliquer tout ce que je raconte — et vous pouvez lui poser les questions nécessaires si vous bloquez à un moment — mais ce qu’il ne vous donne pas, c’est l’idée. Le système testé.

Il semble que mes articles suivront désormais cette approche : plus courts, plus directs et davantage centrés sur les idées et les systèmes que sur l’exécution de chaque étape.

C’est ce qu’impose l’ère de l’IA générative.

Si cela vous plaît et vous suffit, le formulaire d’abonnement se trouve sous les FAQ ; je vous y préviendrai à chaque nouvelle publication.

Pour un pas-à-pas plus détaillé, rendez-vous sur ma chaîne YouTube, à laquelle vous pouvez aussi vous abonner pour recevoir des notifications.

Alors, si le cœur vous en dit, à bientôt.