@media (max-width: 1100px) { .ai-website-builder-document .site-chrome [data-nav-primary], .ai-website-builder-document .site-chrome [data-nav-toggle] { display: none !important; } .ai-website-builder-document .site-chrome .nav-inner { grid-template-columns: minmax(0, 1fr) auto; } .ai-website-builder-document .site-chrome .nav-inner > .brand { order: 1; justify-self: start; } .ai-website-builder-document .site-chrome .nav-inner > .nav-side { order: 2; justify-self: end; } }

Créateur de sites personnelsOpenDesign

Créateur de sites web IA pour sites personnels

Rassemblez votre présentation, une sélection de vos projets et vos textes au même endroit. Choisissez un système de design dans OpenDesign et générez uniquement les sections utiles à votre public. Pour les mises à jour courantes, quelques gestes suffisent : sélectionnez un texte HTML modifiable pour changer votre biographie, remplacer une image ou diriger un lien vers un nouvel article ou une conférence.

Télécharger OpenDesign Voir l’exemple de site web

Interface front-end à votre image · Fichiers réels · Poursuivez avec votre agent de codage

Exemple de direction visuelle pour ordinateur illustrant le processus de création de site personnel par IA dans OpenDesign. — Parcours personnel · Projets sélectionnés · Mise à jour facile

01Une présentation claireExpliquez qui vous êtes, ce que vous faites et le type de projet ou d’échange que vous recherchez.

02Des réalisations concrètesÉtayer vos propos avec des projets, votre expérience, vos textes, vos conférences ou d’autres réalisations concrètes.

03Des contenus modulablesÉquilibrez projets, biographie, textes, interventions et contact, sans accorder la même place à chaque rubrique.

04Un site qui évolue avec vousFaites évoluer le frontend au fil de vos fonctions, de vos centres d’intérêt, de vos disponibilités et de vos réalisations.

Exemple de site personnel

Réunissez vos projets, vos textes et la personne qui les signe dans un espace cohérent.

Un site personnel doit être assez singulier pour refléter une personne, tout en restant assez souple pour accueillir le prochain projet, essai ou poste.

Portfolio personnel et textes

Un site personnel qui équilibre présentation, projets sélectionnés et textes.

Cet exemple de site personnel équilibre présentation, projets sélectionnés et textes. Les commandes HTML directes d’OpenDesign facilitent les mises à jour courantes prévues par cette structure : modifier une biographie, remplacer une image ou ajouter un lien vers un nouvel article. Si les priorités de la personne changent, demandez à l’agent d’effectuer une modification plus importante.

Une présentation concise qui expose votre point de vue et vos priorités actuelles
Des modules modulables pour les projets, les textes, les notes et le contact
Une mise en page éditoriale adaptative, facile à mettre à jour

Récit personnelRubriques modulablesSite que vous gérez

Concept illustratif de site personnel : un site complet pour ordinateur destiné à un designer et auteur, avec présentation personnelle, projet à la une, sélection de textes et appel à prendre contact. — Design illustratif · Pas une réalisation client1672 × 941 · 16:9

Choisissez votre public

Un site personnel évolue avec son public.

Construisez votre site autour de vos objectifs actuels, puis effectuez de petites modifications au quotidien et envoyez des commentaires annotés à l’agent lorsque votre récit doit évoluer.

Mise à jour du site personnelContrôle produitCe que voit le visiteur

Nouveau poste

Modifiez le texte de présentation sélectionné

Vos priorités actuelles

Nouveau projet ou nouvelle intervention

Demandez à l’agent d’ajouter une rubrique

Des réalisations pertinentes

Nouvel article ou nouveau profil

Modifiez la destination du lien HTML

Le prochain contenu à découvrir

Nouvelle priorité

Ajoutez des commentaires et vérifiez l’affichage mobile

Un récit adapté au public visé

Structure de récit personnel

Un créateur de sites web personnels par IA pour les mises à jour courantes.

Un site personnel n’a pas besoin de toutes les rubriques. C’est le public qui détermine celles qui méritent une place.

Une page d’accueil personnelle ciblée

Privilégiez une présentation concise, des réalisations choisies, vos priorités actuelles et une seule prochaine étape pertinente.

Structures pour les projets et les textes

Créez des mises en page réutilisables pour vos projets, articles, notes, conférences ou ressources, sans devoir inclure chaque type de contenu.

Contexte, présentation et contact

Donnez à votre biographie, votre expérience, vos disponibilités et vos coordonnées suffisamment de détails pour être utiles, sans transformer le site en copie intégrale de votre CV.

Gardez le site à jour

Définissez l’objectif → Choisissez les réalisations → Construisez le récit → Faites-le évoluer avec vous.

Les fichiers restent disponibles quand votre poste, vos centres d’intérêt ou vos réalisations évoluent.

1
Définissez l’objectif du site
Choisissez le public et l’action attendue : recrutement, clients, collaboration, lectorat, conférences ou plusieurs objectifs avec une priorité claire.
2
Choisissez vos réalisations
Fournissez des projets, fonctions, textes, conférences, diplômes et coordonnées réels que vous acceptez de publier.
3
Générez la structure de votre site personnel
Créez la page d’accueil et des modèles de contenu réutilisables, dans un style visuel cohérent.
4
Modifiez les détails, pas toute votre identité
Pour les changements courants, sélectionnez les textes, images et liens HTML modifiables. Si votre public ou votre rôle change, demandez à l’agent de revoir la structure, puis vérifiez l’aperçu mobile.

Une modification ciblée à essayer

Gardez la navigation et la typographie. Mettez à jour ma biographie, mes projets sélectionnés et mes coordonnées actuelles à partir des éléments que j’ai fournis. Conservez les crédits de publication et vérifiez le nouveau contenu sur un téléphone.

Un site personnel sans personnage tout fait

Un site personnel sans tomber dans le branding générique.

Un site personnel doit rester facile à gérer après sa conception initiale. OpenDesign vous propose un point de départ visuel et des commandes directes pour modifier certains éléments HTML. Ainsi, un nouveau poste, un article ou un lien de contact ne vous oblige pas à réexpliquer toute votre identité.

Codex — **index.htmlstyles.csscomponents/**

Claude Code — **index.htmlstyles.csscomponents/**

Un ton de départ à affiner

Choisissez un système de design, puis ajustez les styles de texte disponibles pour adapter votre présentation à votre activité.

Les petites mises à jour restent simples

Modifiez directement une biographie, la source d’une image ou la destination d’un article sur un élément HTML modifiable, plutôt que de demander la création d’un tout nouveau site.

Un espace pour différentes réalisations

Demandez à l’agent d’équilibrer projets, textes et conférences sur la page, puis utilisez des commentaires pour ajuster leur importance.

Un site qui peut sortir de l’espace de travail

Exportez le HTML ou les fichiers du projet pour les intégrer à votre processus de publication, au lieu de laisser votre présence en ligne uniquement dans un aperçu.

Périmètre · Créateur de sites web personnels par IA

Un site personnel, pas un profil synchronisé automatiquement.

Vos nouveaux postes, textes et liens sociaux nécessitent des mises à jour manuelles. Choisissez ce que vous publiez et vérifiez la confidentialité avant d’exporter ou de déployer le site.

Les livrables de votre site web

Une page d’accueil personnelle ciblée
Structures pour les projets et les textes
Contexte, présentation et contact

Services et responsabilités distincts

Diplômes ou expériences inventés
Synchronisation automatique des profils sociaux
Un CMS de publication
Hébergement et réservation de domaine

Vous restez responsable de la confidentialité, de l’exactitude, des droits sur les images, des travaux confidentiels, des coordonnées, de l’accessibilité, du déploiement en production et de la mise à jour de votre récit personnel.

FAQ sur le créateur de sites web personnels par IA

Questions sur l’objectif, les réalisations et la confidentialité d’un site personnel créé par IA.

Mettez facilement à jour votre biographie, vos textes, vos liens et votre direction visuelle au fil de l’évolution de votre activité.

Quelle différence entre un site personnel et un portfolio ?

Un portfolio met généralement l’accent sur les projets réalisés. Un site personnel peut aussi présenter une biographie, des textes, des conférences, vos priorités actuelles, votre expérience et des informations de contact. Les deux peuvent se recouper.

L’IA peut-elle créer un site personnel à partir de mon CV ?

Un CV peut fournir des informations factuelles, mais un site utile demande de définir plus clairement le public, les réalisations à mettre en avant, la direction visuelle et la prochaine action souhaitée. Vérifiez l’exactitude de chaque texte généré.

Puis-je inclure des textes et des conférences ?

Oui. Le frontend peut inclure des structures pour des articles, des notes, des ressources ou des interventions. Les outils de publication et un CMS sont des systèmes distincts et facultatifs.

OpenDesign inventera-t-il des réalisations ou des témoignages ?

Cela ne devrait pas être le cas. Fournissez des fonctions, réalisations, diplômes et citations réels, ainsi que les autorisations nécessaires à leur publication.

Comment ajouter un nouvel article ou modifier ma biographie ?

Dans le HTML modifiable, sélectionnez le texte ou le lien pour en changer le contenu ou la destination. Pour ajouter une rubrique consacrée à vos textes, adressez à l’agent une demande précise et indiquez les articles à inclure. Il s’agit d’un processus de modification, et non d’une synchronisation automatique avec les profils sociaux ou d’un CMS de publication géré.

Commencer à créer

Créez un espace pour les projets qui évoluent avec vous.

Partez de réalisations concrètes, construisez votre récit et gardez un frontend prêt pour la suite.

Télécharger OpenDesign

Gratuit et open source · Sans dépendance propriétaire · Compatible avec votre agent de codage

Frontend de site personnel créé par IA, associé à des fichiers modifiables, des composants réutilisables et la possibilité de poursuivre avec un agent de programmation.

Prêt à poursuivre les modificationsFrontend de site personnel créé par IAHTML · CSS · JavaScript · Composants