Créer son site web avec l'IA

Grâce à l’IA générative, des personnes sans aucune expérience dédiée au développement d’un site web peuvent construire des sites complets en seulement quelques heures.

De plus, ces sites sont très variés. Cela peut être des sites personnels, une recréation épurée d’un site existant, voire des applications sophistiquées.

Pour l’édition de cette semaine, nous nous sommes intéressés à ces sites web créés à l’IA, aux outils qu’on peut utiliser pour les créer, et à l’impact que ça va avoir sur le long terme, car un tel bouleversement dans la conception des sites web implique forcément des conséquences.

Exemples de sites web

Site personnel

Parmi tous les sites qu’on peut concevoir avec l’IA, on peut commencer par des exemples simples, comme des sites web personnels. Le cas le plus parlant est celui de zezhznwu.com, un site créé par la personne du même nom pour se présenter.

Sur ce site, on trouve tous les éléments permettant de mieux connaître cette personne :

• La page d’accueil pour se présenter en quelques phrases
• La section “About me” pour se présenter plus en détails
• Ses publications
• Son CV (qui s’affiche en appuyant sur un bouton plusieurs fois)
• Ses réseaux sociaux

Il n’y a plus besoin de savoir sur quel réseau social on se trouve, ni de rechercher en détail les travaux de cette personne. Grâce à ce site web, tout est regroupé en un seul endroit.

Mais le plus impressionnant, c’est que toutes ces fonctionnalités ont été créées en une journée grâce à Claude Code.

Auparavant, créer son site web nécessitait de recourir à un système de gestion de contenu, dit “CMS”, tel que WordPress ou Webflow, et cela prenait plusieurs jours de travail pour obtenir un site web abouti. Avec Claude Code, il est possible de construire le site souhaité bien plus rapidement.

Un autre exemple est celui de Casey Newton, journaliste de la tech et auteur d’une newsletter, qui a utilisé l’IA générative pour concevoir son site web, non seulement pour se présenter, mais aussi pour y ajouter des sections dynamiques à ses contenus. Au bout du compte, l’IA a été si efficace qu’elle a annulé son abonnement Squarespace.

Recréation de sites web déjà existants

Nous connaissons tous des sites web très visités au quotidien, mais qui sont devenus particulièrement pénibles à utiliser à l’heure actuelle. L’idée est de recréer ces sites web existants, en enlevant tout ce qui pourrait gêner l’utilisateur.

Dans cette catégorie de sites web, le plus puissant est certainement smry.ai, qui permet de copier-coller le lien d’un article pour en extraire le contenu principal. Ainsi, il retire les pubs, les trackers et les pubs vidéo, et il est possible d’obtenir des résumés et des transcriptions audio de l’article.

Aujourd’hui, la plupart des médias disposent d’un ensemble de trackers sur leur site web et imposent aux utilisateurs un dilemme entre l’abonnement et l’imposition de cookies pour pouvoir lire leurs articles. Ainsi, l’arrivée d’outils comme smry.ai, qui sont bien plus respectueux de la vie privée, est la bienvenue.

Il y a d’autres catégories de sites web qui sont concernées par ce problème :

• Les sites de téléchargement de logiciels (CNET, Softonic…)
• Les sites de cuisine, aussi bien francophones (Marmiton) qu'internationaux (AllRecipes)
• Les réseaux sociaux (Facebook, X/Twitter, Youtube…)

Tous ces sites web sont régulièrement reprochés d’utiliser des trackers et des pubs à outrance. Mais l’IA peut changer la donne, car il est possible d’obtenir des reconstructions nettoyées de ces mêmes sites, plus performantes et sans nuisance.

Projets complexes

Pour cette dernière catégorie, nous sommes en présence d’une utilisation plus complexe de l’IA, visant à résoudre des problèmes plus aboutis.

L'un des cas les plus médiatisés est celui d'Eliot Peper, un auteur de science-fiction et passionné de surf, qui a créé Dialed, une application de prévision du surf conçue grâce à l’IA.

Cette personne trouvait que l’application de prévision la plus utilisée était inadaptée à sa zone locale, alors elle a utilisé Claude Code pour en construire une. Ce qui rend cette application efficace, c’est qu’elle a conçu son système spécifiquement pour sa zone, en s’appuyant sur les connaissances personnelles de son spot.

Enfin, un dernier exemple de site web créé grâce à l’IA est Pharos, un tableau de bord dédié aux stablecoins :

Le principe consiste à regrouper toutes les données liées aux stablecoins, les trier et les illustrer sous plusieurs catégories :

• Index de stabilité (santé globale de l’industrie des stablecoins)
• Rendements des stablecoins ajustés au risque
• Évaluation de plus de 150 stablecoins en fonction de leur liquidité, sécurité et historique
• Suivi des événements de gel/destruction de stablecoins centralisés
• “Cimetière” des stablecoins qui ont définitivement perdu la valeur qu’ils étaient censés reproduire.

Cet outil a nécessité plusieurs semaines de développement, mais ce délai aurait pu être encore plus long sans l’IA générative pour l’aider.

Le plus intéressant dans ces projets, c’est que leur création a été menée par des personnes qui n’étaient pas impliquées dans le développement à la base. Ces projets existent car leurs créateurs ont constaté un problème et savaient comment le résoudre. L’IA est l’outil qui a permis de traduire leur solution conceptuelle en une solution exploitée.

Les outils

Après avoir constaté les possibilités offertes par l’IA pour créer son site web, on peut désormais se demander quels outils choisir pour le créer, sachant que l’outil à privilégier sera différent selon nos besoins et nos connaissances techniques.

Il est évident que la liste ci-dessous n’est pas exhaustive et peut considérablement évoluer, au point d’être complètement différente dans quelques années.

Lovable

Lovable est la plateforme considérée comme la plus “propre” pour permettre à un non-développeur de créer son site. L’équilibre entre le design et les fonctionnalités est très bon, et c’est un agent qui écrit du code que l’on peut exporter directement sur GitHub.

Il s’adresse particulièrement aux entrepreneurs ayant un profil non technique et à toutes les personnes souhaitant créer une démo technique de leur MVP (Minimum Viable Product).

C’est même la plateforme que nous recommandons aux apprenants pour les aider à concevoir une démo technique dans le cadre de leur projet final.

Bolt.new

Bolt.new est considéré comme plus rapide que Lovable, car il est capable d’installer des libraires par lui-même et à corriger ses propres erreurs de terminal

Cependant, là où Lovable convient particulièrement aux profils non techniques, Bolt.new s’adressera davantage aux développeurs ayant déjà des connaissances en développement.

v0

v0 est un outil créé par Vercel, souvent cité pour produire les visuels les plus esthétiques parmi tous les outils à notre disposition.

Si notre objectif est d’avoir l’interface la plus jolie pour notre site web, v0 est l’outil le plus adapté à l’heure actuelle.

En revanche, v0 est limité à l’interface, et il faut utiliser un autre outil pour tout ce qui concerne l’infrastructure.

Claude Code

À la différence d’autres noms de cette liste, Claude Code n’est pas une plateforme d’hébergement, mais plutôt un terminal capable de lire l’intégralité du dossier d’un projet, exécuter les tests et le déployer.

Il est préférable d’utiliser Claude Code si l’on veut que l’IA ait une compréhension approfondie du projet, surtout si l’on a déjà un projet en cours.

De plus , Claude Code est particulièrement adapté pour gérer des tâches rébarbatives qu’on veut déléguer entièrement

Cursor

Cursor possède deux grandes différences par rapport à tout le reste :

1. Son interface est semblable à un environnement de développement intégré (IDE)
2. L’utilisateur a le choix du modèle d’IA

Dans Cursor, nous avons davantage de contrôle sur le code généré par l’IA, tandis que le reste de la liste génère le code de manière plus autonome.

Par conséquent, Cursor est davantage conçu pour les développeurs, mais l’avantage est qu’on a un meilleur contrôle sur ce qui est créé et qu’il est plus simple d’obtenir le projet dont on a besoin.

Les conséquences

Plusieurs années plus tôt, créer son propre site web nécessitait beaucoup de temps, beaucoup d’énergie, ainsi que des compétences spécialisées en développement si l’on souhaitait des fonctionnalités plus poussées, ce qui demandait un certain budget.

Aujourd’hui, l’essentiel de ce travail peut être effectué grâce à l’IA, donc créer son propre site web peut être à la portée de n’importe quel utilisateur, pour un coût bien moindre.

De tels changements entraînent nécessairement des conséquences, qu’on va essayer de mettre en évidence ici.

Premièrement, tous les services de logiciels SaaS pour créer des sites web disparaîtront. En effet, le Software-as-a-Service était l’intermédiaire par lequel il était possible de créer son site, et aujourd’hui, ce n’est plus nécessaire puisque l’IA produit directement du code source du site et le met à notre disposition, sans aucun logiciel intermédiaire.

Deuxièmement, notre site web deviendra notre “carte de visite” principale. Il nous permet d’agréger tous nos réseaux sociaux (qui sont des cartes de visite en soi) et de créer un environnement “à notre image”, uniquement à partir d’instructions textuelles.

Troisièmement, les compétences en web design seront toujours demandées. L’arrivée de l’IA ouvre énormément de possibilités pour expérimenter de nouveaux designs, et il est fort probable que les web designers aient déjà intégré l’IA à leur méthodologie de travail. Cependant, l’IA accentue l’écart de niveau entre les designers débutants et les seniors.

Finalement, la conception d’un site web telle qu’on la connaît a profondément changé avec l’IA, et ce n’est plus un domaine de plus parmi les très nombreux secteurs qu’elle touche. Si la perspective d’apprendre des compétences en IA vous intéresse, Alyra vous propose de vous y former !

{{cta-moyen-ia}}

‍