Concevoir un site web avec l'IA : une page d'atterrissage ou le site d'un bureau d'études, de l'idée au nom de domaine
Aujourd'hui, vous pouvez décrire le site que vous voulez avec des mots simples et obtenir une ébauche fonctionnelle en quelques minutes. La difficulté n'est plus le design, mais tout ce qui l'entoure : où le site est hébergé, quel nom de domaine choisir, comment Google le trouve, et comment il respecte les règles israéliennes d'accessibilité. Ce guide présente les principaux outils, ce qui est vraiment gratuit, et ce qui vaut la peine d'être payé.
01L'analogie : un architecte très rapide, mais pas de permis de construire
Un générateur de sites par IA, c'est comme un architecte qui vous remet une magnifique perspective en dix minutes. La perspective est impressionnante, mais il n'y a pas encore de maison : il vous faut encore un terrain (l'hébergement), une adresse (le nom de domaine), des raccordements (formulaires et e-mail) et un certificat de conformité (accessibilité et SEO). L'IA réussit parfaitement la première étape et aide beaucoup pour le reste, mais quelqu'un doit boucler les derniers détails.
02Deux voies : gratuite ou payante
La voie gratuite : une ébauche IA et un hébergement gratuit
- Créez la page gratuitement dans Claude (un Artifact) ou dans Gemini Canvas et obtenez un fichier HTML complet
- Publiez un lien public vers l'Artifact directement depuis Claude, idéal pour les ébauches et les relectures client
- Importez le fichier HTML sur Cloudflare Pages : c'est gratuit, et vous pouvez y connecter votre propre nom de domaine
- Ou bien : un site Wix ou Canva sur un sous-domaine gratuit (comme wixsite.com ou my.canva.site)
- Google Search Console et Google Business Profile sont gratuits et couvrent le SEO de base
Limite: Les offres gratuites impliquent un sous-domaine et la marque de la plateforme, de petits quotas de messages, et Vercel Hobby comme GitHub Pages ne sont pas prévus pour un site professionnel
La voie payante : une IA plus puissante et votre propre nom de domaine
Environ 20 USD par mois pour Claude Pro, plus une plateforme de site si nécessaire (Wix, Framer, Lovable), plus un nom de domaine pour quelques dizaines de shekels par an
- Claude Pro : inclut Claude Design pour un design conforme à votre charte et Claude Code pour construire un site complet
- Wix Premium (à partir d'environ 17 USD par mois en facturation annuelle, variable selon le pays) : nom de domaine, sans la marque Wix
- Framer Basic (environ 10 USD par mois) : votre propre nom de domaine, un petit CMS et un SEO intégré
- Lovable Pro (25 USD par mois) ou Bolt Pro (25 USD par mois) : nom de domaine, téléchargement du code, plus de crédits
- Un nom de domaine co.il auprès d'un bureau d'enregistrement accrédité, avec une adresse e-mail professionnelle
Quand payer vaut la peine: Quand le site représente une véritable entreprise : nom de domaine propre, formulaire de contact, hébreu complet et mises à jour régulières sans attendre un développeur
03Les principaux outils pour créer un site avec l'IA
Claude
AnthropicIdéal pour: Le plus polyvalent : un premier design dans un Artifact, Claude Design avec votre design system, et un site complet dans Claude Code, que vous pouvez héberger n'importe où.
Artifacts avec aperçu en direct et publication par lien public, recherche web et connecteurs, avec une utilisation limitée
Pro à 20 USD par mois (17 en facturation annuelle) : Claude Design, Claude Code et une utilisation accrue
Modules utiles 5
- ModeClaude DesignConçoit des pages et des prototypes à partir de votre design system, exporte en HTML ou passe le relais à Claude Code.payant
- ModeClaude CodeConstruit un site complet dans un dossier sur votre ordinateur, se connecte à GitHub et le prépare pour la publication.payant
- ConnectorFigmaLit un design Figma existant et le transforme en code, ou envoie un design dans Figma.gratuit
- ConnectorCanvaCrée des bannières et des images pour le site et les enregistre dans votre compte Canva.gratuit
- SettingProjects avec un fichier de marqueImportez une fois le logo, les couleurs et les formulations, et chaque nouvelle page sort dans le même style.inclus
Wix
Wix.comIdéal pour: Le plus simple pour ceux qui ne veulent pas toucher au code : l'IA construit un site entier, avec un éditeur par glisser-déposer, l'hébergement, les formulaires et la prise en charge de l'hébreu de droite à gauche.
Créez un site avec l'IA et publiez-le sur une adresse wixsite.com avec la marque Wix
Offres Premium à partir d'environ 17 USD par mois en facturation annuelle (prix variable selon le pays) : nom de domaine, sans marque Wix, fonctions professionnelles
Modules utiles 3
- ModeAria, l'agent IA de WixModifiez le design, les textes et les pages en discutant plutôt qu'en faisant glisser des éléments.inclus
- Add-onWix MultilingualUn site en hébreu et en anglais, avec des réglages de droite à gauche par langue.inclus
- Add-onNom de domaine et PremiumConnectez votre propre nom de domaine et supprimez la marque Wix.payant
Framer
FramerIdéal pour: Des pages d'atterrissage particulièrement soignées, avec animations, pour ceux qui sont prêts à apprendre un éditeur de design.
Un site sur une adresse framer, 500 crédits IA pour essayer, pas de nom de domaine personnalisé
Basic environ 10 USD par mois, Pro environ 30 USD par mois : nom de domaine, CMS, plus de crédits
Modules utiles 3
- Add-onCrédits IAAlimentent les agents IA qui créent et modifient les pages.inclus
- Add-onLocalesTraduction du site par l'IA dans d'autres langues, un module complémentaire payant par langue.payant
- Add-onCMSUne liste de projets ou d'articles qui se met à jour sans créer une nouvelle page à chaque fois.payant
Lovable
LovableIdéal pour: Quand le site doit aussi faire un peu office d'application : un formulaire avec base de données, un espace client, un calculateur.
5 crédits par jour et jusqu'à 30 par mois, projets privés, pas de nom de domaine personnalisé
Pro à partir de 25 USD par mois : nom de domaine personnalisé, modification et téléchargement du code, suppression du badge, design systems
Modules utiles 3
- Add-onLovable CloudUn back-end intégré pour les formulaires et les données, sans avoir à configurer de serveur.inclus
- SettingDesign systemsConserve des couleurs et des composants fixes d'un projet à l'autre.payant
- Add-onTéléchargement du codeEmportez le code chez n'importe quel hébergeur, sans être enfermé dans la plateforme.payant
v0
VercelIdéal pour: Un code moderne et propre (React et Next.js) avec une publication rapide sur Vercel.
7 messages par jour, Design Mode, synchronisation GitHub et déploiement sur Vercel
Plus à 30 USD par utilisateur et par mois, avec des crédits mensuels
Modules utiles 3
- ModeDesign ModeCorrigez les couleurs, les textes et les espacements en cliquant plutôt qu'en rédigeant des prompts.gratuit
- Add-onSynchronisation GitHubConserve le code sur GitHub avec l'historique des versions.gratuit
- Add-onHébergement VercelPublication en un clic ; notez que l'offre gratuite Hobby est réservée à un usage personnel et non commercial.payant
Gemini Canvas
GoogleIdéal pour: Une ébauche rapide et gratuite de page d'atterrissage, partagée par lien ; également utile pour transformer un rapport de recherche en page.
Canvas est disponible pour tous les utilisateurs de Gemini
Google AI Pro : plus d'utilisation et des modèles plus puissants (vérifiez les tarifs actuels)
Modules utiles 2
- GPT/GemUn Gem avec la charte de marqueUn Gem enregistré qui connaît les couleurs de votre bureau, votre public et votre style rédactionnel.gratuit
- ModeDeep ResearchÉtudiez les concurrents et les mots-clés avant de rédiger les textes, puis transformez le tout en page.inclus
Canva Websites
CanvaIdéal pour: Une page simple et esthétique à partir d'un modèle, pour ceux qui utilisent déjà Canva pour leurs flyers et leurs présentations.
Jusqu'à 5 sites en ligne sur my.canva.site, modèles d'une page ou de plusieurs pages
Canva Pro : votre propre nom de domaine, Brand Kit et outils IA étendus (vérifiez les tarifs actuels)
Modules utiles 3
- Add-onBrand KitLe logo, les couleurs et les polices de votre bureau disponibles dans chaque design.payant
- Add-onMagic WriteRédigez une première version des textes du site, y compris des formulations optimisées pour le SEO.inclus
- ConnectorCanva dans ClaudeClaude crée et modifie des designs dans votre compte Canva.gratuit
04Le processus : de l'idée au site en ligne
- 1Brief et contenuPublic, services, l'action unique que vous attendez du visiteur, et de vraies photos
- 2Design avec l'IAUne ébauche dans Claude, Wix ou Framer aux couleurs de votre marque
- 3FinitionsHébreu de droite à gauche, mobile, accessibilité et textes exacts
- 4Hébergement et nom de domainePubliez sur la plateforme ou sur Cloudflare Pages et connectez le nom de domaine
- 5SEO et suiviSearch Console, Google Business Profile et une nouvelle vérification au bout d'un mois
05Ce dont j'ai besoin, et quoi utiliser
| Besoin | Outil recommandé | Pourquoi |
|---|---|---|
| Une page d'atterrissage pour un produit ou un événement | Claude (Artifact) plus un hébergement Cloudflare Pages | Gratuit, un seul fichier HTML qui vous appartient |
| Un site d'entreprise pour le bureau, sans code | Wix avec l'IA | Tout au même endroit : éditeur, hébergement, formulaires, hébreu |
| Une page très travaillée avec animations | Framer | Un résultat digne d'un studio, nom de domaine personnalisé à partir d'environ 10 USD par mois |
| Un site avec formulaire, base de données ou calculateur | Lovable ou Bolt | Construit aussi la partie application, en discutant |
| Un design qui suit un design system existant | Claude Design ou Figma Make | Garde la cohérence des couleurs, des polices et des composants |
| Vous avez déjà un design dans Figma | Claude Code avec le connecteur Figma | Transforme le design en vrai code |
| Un site de contenu avec blog et articles | WordPress avec un assistant IA, ou Claude pour la rédaction | Gère les articles, les catégories et le SEO dans la durée |
| Une page rapide à partir d'un modèle, comme un flyer | Canva Websites | Gratuit sur une adresse Canva, familier pour les utilisateurs de Canva |
| Une question rapide ou une idée de design | ChatGPT ou Gemini Canvas | Ébauche et aperçu rapides avant de choisir une plateforme |
06Exemple : le site d'un bureau d'études structure
07Exemple : une page d'atterrissage produit dans le design system de l'entreprise
08Ce que l'IA ne terminera pas pour vous : la liste des points à vérifier
Hébergement et nom de domaine
Choisissez un hébergement qui autorise un usage professionnel. Vercel Hobby est réservé à un usage personnel, et GitHub Pages n'est pas prévu pour faire tourner une entreprise. Achetez un nom de domaine co.il auprès d'un bureau d'enregistrement accrédité.
SEO de base
Un titre et une description par page, des titres H1 et H2 logiques, des textes alternatifs sur les images, un chargement rapide, et l'inscription dans Google Search Console et Google Business Profile.
Hébreu de droite à gauche
Vérifiez que lang=he et dir=rtl sont définis, que les menus et les flèches sont inversés, et que les nombres et les unités comme kN ou mm ne sont pas retournés. Bonnes polices : Heebo, Assistant, Rubik.
Accessibilité selon la norme IS 5568
En Israël, un site qui s'adresse au public doit respecter la norme israélienne IS 5568, fondée sur les WCAG 2.0 niveau AA, et publier une déclaration d'accessibilité. Les petites entreprises peuvent bénéficier d'exemptions ; renseignez-vous auprès d'un consultant en accessibilité.
Design system et marque
Un seul fichier avec le logo, les couleurs HEX, les polices et le ton rédactionnel. Fournissez-le à chaque outil d'IA, et toutes les pages sortiront cohérentes.
Formulaires et confidentialité
Un formulaire doit arriver dans une vraie boîte de réception et stocker les données de façon sécurisée. Demandez un consentement clair et ne collectez pas plus que nécessaire.
09Lancez-vous : votre première page d'atterrissage en une demi-heure
- 1
Rédigez un court brief
Cinq lignes : qui vous êtes, à qui s'adresse le site, trois services, ce que le visiteur doit faire (appeler, laisser ses coordonnées), et vos coordonnées.
- 2
Rassemblez les éléments
Le logo, deux couleurs HEX, 4 à 6 vraies photos de projets, et des images dont vous détenez les droits.
- 3
Demandez une ébauche
Dans Claude ou Wix : collez le brief et demandez explicitement l'hébreu, le sens de droite à gauche, l'adaptation mobile et l'accessibilité.
- 4
Corrigez par petites séries
Une demande à la fois : « agrandis le bouton de contact », « remplace l'image d'en-tête ». Vérifiez sur un vrai téléphone.
- 5
Vérifiez l'accessibilité et le SEO
Lancez Lighthouse dans Chrome, corrigez le contraste et les textes alternatifs, et ajoutez une déclaration d'accessibilité.
- 6
Publiez et connectez le nom de domaine
Sur la plateforme elle-même ou sur Cloudflare Pages, puis inscrivez le site dans Google Search Console.
10Plateforme de création de sites ou code écrit par l'IA
Plateforme (Wix, Framer, Canva)
- Éditeur visuel, aucun code
- Hébergement, sécurité et formulaires inclus
- Facile à confier à un collègue du bureau pour les mises à jour
- Abonnement mensuel fixe
- Difficile de migrer vers une autre plateforme
Code (Claude, v0, Lovable, Bolt)
- Liberté de design totale
- Le code vous appartient et vous pouvez l'héberger n'importe où
- Un site statique peut être hébergé gratuitement
- Les mises à jour nécessitent à nouveau l'IA ou un peu de savoir-faire
- Les formulaires et la sécurité sont à votre charge
11Questions fréquentes
Puis-je créer un site professionnel entièrement gratuitement ?
Presque. La création avec Claude ou Gemini et l'hébergement sur Cloudflare Pages sont gratuits. Le nom de domaine est payant et en vaut la peine : un sous-domaine de plateforme fait moins professionnel.
Quelle est la norme d'accessibilité des sites web en Israël ?
La norme israélienne IS 5568, fondée sur les lignes directrices WCAG 2.0, au niveau AA. Il faut aussi publier une déclaration d'accessibilité sur le site. Il existe des exemptions et des allègements pour les petites entreprises selon leur chiffre d'affaires ; renseignez-vous donc auprès d'un consultant en accessibilité. Un plugin de barre d'accessibilité ne suffit pas, à lui seul, à rendre un site accessible.
À qui appartient un site conçu par l'IA ?
En général, vous pouvez utiliser le résultat à des fins commerciales, mais vérifiez les conditions de chaque outil. Soyez prudent avec les images et les logos : utilisez vos propres photos ou des images de banque d'images dûment sous licence, et ne copiez pas le design d'un concurrent.
Wix ou Claude : lequel convient le mieux à un petit bureau ?
Si quelqu'un au bureau doit mettre le site à jour, Wix est plus simple. Si vous voulez une page soignée, peu coûteuse et qui vous appartient, choisissez Claude plus un hébergement gratuit. Vous pouvez aussi combiner : préparez les textes et la structure dans Claude, puis construisez le site dans Wix.
L'IA a écrit que mon bureau est certifié selon une certaine norme. Est-ce acceptable ?
Seulement si c'est vrai. L'IA invente parfois des certifications, des chiffres et des noms de clients. Vérifiez chaque fait, chaque valeur technique et chaque norme par rapport au document officiel avant de publier.