Blog WisyLink

Site portfolioFreelancesGraphistesFormulaire de contactSite personnel

Créer un site portfolio avec l'IA (formulaire de contact)

Créez un site portfolio avec l'IA : une page par projet avec URL propre, un formulaire de contact qui enregistre et transmet les messages, votre domaine.

12 min de lecture
Créer un site portfolio avec l'IA (formulaire de contact)

Pour créer un site portfolio avec l'IA, rassemblez vos meilleurs projets, leurs images et une courte bio, puis décrivez la mise en page et le ton voulus. L'outil crée les pages projets, une page À propos et un formulaire de contact qui enregistre les messages. Ajoutez ensuite vos travaux depuis une administration privée et publiez le site sur votre domaine.

  • Huit à douze projets solides, chacun avec une courte histoire, rapportent plus de contrats qu'une galerie de tout ce que vous avez produit.
  • Joignez vos propres images (jusqu'à 25 Mo par fichier) quand vous décrivez le site. WisyLink les utilise telles quelles et ne génère pas de photos.
  • Demandez une page par projet, à une URL propre ; les projets ajoutés plus tard depuis l'administration sont en ligne sans nouvelle génération.
  • Le formulaire de contact enregistre chaque message. Les alertes par e-mail demandent votre propre compte SMTP, ajouté une fois dans Intégrations.
  • Les liens gratuits durent 30 jours. Un forfait payant garde le site en ligne ; votre propre domaine se connecte sur tous les forfaits, le gratuit compris.

Ce qu'un portfolio doit avoir pour décrocher des clients

Un site portfolio n'a qu'une mission : amener la bonne personne à vous contacter. Cette personne est souvent une directrice artistique, un recruteur ou un chef d'entreprise qui parcourt plusieurs portfolios à la suite. En quelques secondes, il ou elle décide si vous faites le type de travail recherché, si c'est réussi et s'il est facile de vous joindre. Tout le site doit servir ces trois jugements.

Les éléments d'un site portfolio qui génère des demandes
ÉlémentRôleConseil
Phrase de positionnementDit qui vous aidez et comment« Identité visuelle pour restaurants indépendants » vaut mieux que « Graphiste créatif »
Grille de travaux choisisMontre l'étendue et la qualité d'un coup d'œilCommencez par le projet le plus proche du travail que vous voulez décrocher
Pages projetsProuvent votre façon de penser, pas seulement le renduContexte, votre rôle, démarche, résultat
À proposInspire confiance dans la personne derrière le travailUne vraie photo de vous et trois ou quatre phrases
Prestations et méthodeRépond à « à quoi ressemblerait une collaboration ? »Listez ce que vous livrez et le déroulé type d'un projet
TémoignagesUne preuve venue de l'extérieurUniquement de vraies citations, avec l'accord du client
Formulaire de contactTransforme l'intérêt en conversationDemandez le type de projet et le calendrier pour qualifier les demandes
Aperçu de partageDonne à votre lien un aspect soigné dans les messageriesVérifiez-le en collant le lien dans une messagerie avant le lancement

Préparez vos travaux : images, études de cas, bio

La préparation pèse plus sur la qualité du résultat que le prompt lui-même. Consacrez-y une soirée avant d'ouvrir le chat.

Les images

Choisissez d'abord les projets, puis exportez leurs images au format web en JPEG, PNG ou WebP, avec des noms de fichiers descriptifs comme couverture-carte-cafe-du-port.jpg plutôt que IMG_0412.jpg. Chaque fichier joint au chat peut peser jusqu'à 25 Mo, et le chat accepte notamment les formats d'image courants, le PDF, les documents Word et le MP4. Les photographes ont intérêt à choisir une série par projet plutôt que des images isolées, et à vérifier que les contrats clients et les autorisations de droit à l'image permettent une diffusion publique.

Puis-je ajouter mes propres images et vidéos ?

Oui. Les fichiers joints sont utilisés tels quels ; l'outil ne remplace jamais votre travail par des images générées. De courts clips MP4 de moins de 25 Mo fonctionnent comme fichiers sur le site, mais chaque envoi compte dans le stockage et la bande passante de votre forfait. Pour une bande démo ou une vidéothèque, hébergez les vidéos sur une plateforme vidéo et demandez à les intégrer dans les pages projets.

Études de cas et bio

Rédigez chaque étude de cas en cinq courtes parties : le client et le contexte, le problème, ce que vous avez fait, le résultat et les crédits (votre rôle sur les projets d'équipe). Trois à six phrases par projet suffisent. Pour la section À propos, écrivez à la première personne si vous travaillez seul, à la troisième si vous présentez un studio. Rassemblez le tout dans un seul document et joignez-le au chat : cela vous évite de tout retaper dans le prompt.

Créez-le : modèle de prompt

Si vous n'avez jamais créé de site de cette façon, notre guide pas à pas pour créer un site internet avec l'IA reprend les bases. Pour un portfolio, la démarche est la suivante :

  1. Créez un compte gratuit sur le forfait Community et ouvrez une nouvelle discussion.
  2. Joignez vos images et votre document d'études de cas.
  3. Collez le prompt ci-dessous, complété avec vos informations.
  4. Répondez à Wisy s'il vous pose une question. À chaque tour, il pose une question courte ou lance la génération.
  5. Suivez la liste des tâches pendant la génération, puis ouvrez le lien en ligne sur votre téléphone et sur un ordinateur portable.
  6. Demandez des modifications précises, un thème par message : « agrandissez les titres des projets et placez le nom du client en dessous » fonctionne mieux que « rendez-le plus joli ».
  7. Ajoutez vos paramètres SMTP dans Intégrations pour que les nouveaux messages arrivent dans votre boîte de réception.
  8. Connectez votre domaine (possible sur tous les forfaits) et passez à un forfait payant quand vous êtes prêt à lancer le site.

Créez un site portfolio pour [votre nom], [discipline] basé à [ville], qui travaille avec [type de clients].

Pages : une page d'accueil avec la phrase « [phrase de positionnement] » et une grille de travaux choisis ; une page Projets qui liste tous les projets avec un filtre par [liste de catégories] ; une page par projet à l'adresse /projets/[nom-du-projet] avec le texte de l'étude de cas, les images jointes et des liens vers le projet précédent et le suivant ; une page À propos avec ma bio et ma photo ; une page Contact.

Champs du formulaire de contact : nom, e-mail, type de projet, calendrier, message. Enregistrez chaque message et affichez-les dans un espace d'administration privé. Envoyez-moi un e-mail à chaque nouveau message.

Espace d'administration : un accès réservé à moi, où je peux ajouter, modifier, réordonner et masquer des projets et téléverser leurs images.

Style : [trois adjectifs], [couleurs souhaitées], une typographie qui donne une impression [par exemple éditoriale et calme]. Laissez les images au premier plan ; gardez les textes courts.

Décrivez le style avec des mots concrets plutôt qu'avec « moderne » ou « épuré », qui veulent dire autre chose pour chacun. Vous trouverez d'autres formulations dans nos modèles de prompts pour créateur de site IA. Sur le forfait gratuit, Wisy limite chaque génération à une première version courte : si le premier résultat ne comprend pas l'espace d'administration, demandez-le dans un deuxième message.

Une page par projet, avec des URL propres

Une seule page qui défile convient pour trois projets. Au-delà, donnez à chaque projet sa propre page. Une page projet à une adresse comme /projets/refonte-cafe-du-port peut être envoyée directement à un prospect qui cherche quelqu'un pour un restaurant, porte son propre titre et sa propre description dans les résultats de recherche, et peut se positionner sur son propre sujet, par exemple « packaging pour une brasserie artisanale ».

Sur WisyLink, chaque projet ajouté comme fiche obtient sa propre page explorable par les moteurs de recherche, générée à partir de vos données enregistrées. Un nouveau projet apparaît sur la page Projets, à sa propre URL et dans le sitemap du site, en une minute environ après sa publication, sans nouvelle génération. Faites en sorte que chaque page projet en dise plus que sa vignette : le contexte, deux ou trois images de la démarche, le résultat et les crédits. Une page qui se contente de répéter le titre et une photo ne donne ni aux visiteurs ni aux moteurs de recherche une raison de rester.

Choisissez des adresses de projet courtes et descriptives, et gardez-les. Si vous renommez un projet après avoir partagé son lien, demandez une redirection depuis l'ancienne adresse pour que les liens déjà envoyés continuent de fonctionner.

Formulaire de contact : messages enregistrés et alertes (SMTP)

Le formulaire de contact enregistre chaque envoi dans les données du site, et vous les lisez dans l'espace d'administration. Cette partie fonctionne dès la première génération. Les alertes par e-mail demandent une étape de plus : le site envoie ses e-mails via votre propre compte SMTP, c'est-à-dire les paramètres d'envoi que vous donne votre fournisseur de messagerie. Vous collez le serveur, le port, l'identifiant, le mot de passe et l'adresse d'expéditeur dans Intégrations, où ils sont chiffrés et ne sont plus jamais affichés. En attendant, les messages sont tout de même enregistrés ; vous ne recevez simplement pas d'e-mail. Ne collez jamais un mot de passe dans le chat.

Trois détails rendent le formulaire plus utile :

  • Des champs de qualification. Le type de projet et le calendrier vous disent en quelques secondes à quelle demande répondre en premier. Une fourchette de budget fonctionne dans certains métiers et fait fuir dans d'autres ; dans le doute, laissez-la de côté.
  • Des limites contre le spam. Demandez à l'outil de limiter les envois répétés depuis la même adresse e-mail, pour qu'un script ne puisse pas remplir votre boîte ou votre base de données.
  • Une adresse d'expéditeur sur votre domaine. Une fois votre domaine connecté, choisissez une adresse d'expéditeur comme bonjour@votrenom.fr, surtout si vous demandez aussi un e-mail de confirmation automatique à la personne qui vous écrit.

Avant le lancement, envoyez-vous un message de test et vérifiez qu'il apparaît dans l'espace d'administration et dans votre boîte de réception, dossier spam compris.

Rapide, partageable et visible : aperçus et bases du SEO

Chaque site WisyLink est rendu côté serveur : les moteurs de recherche et les aperçus de liens voient la page complète dès la première requête. Chaque page reçoit son propre titre, sa meta description et son URL canonique, ainsi que les balises Open Graph et Twitter Card, des données structurées, un favicon, un /sitemap.xml et un /robots.txt. La première génération conçoit aussi une image de partage pour le site : votre lien affiche un aperçu soigné, et non un cadre vide, quand vous le collez dans un message.

Sachez qu'il y a une limite : l'image de partage est un seul visuel conçu pour tout le site, en dessin vectoriel. Elle ne montre pas vos propres photos. Si vous voulez un autre rendu, décrivez la modification dans le chat.

Le reste, c'est le contenu, et c'est votre part :

  • Le texte alternatif. Décrivez simplement ce que montre chaque image : « Couverture de carte calligraphiée à la main pour un café du port ». Les bonnes pratiques de Google pour le référencement des images présentent le texte alternatif comme l'attribut le plus important des métadonnées d'image, et il rend aussi le site utilisable avec un lecteur d'écran.
  • Du texte sur les pages projets. Les moteurs de recherche lisent du texte, pas des pixels. Nommez le type de client, le livrable et, si vous travaillez localement, le lieu : « photographe de mariage à Nantes ».
  • Le poids des images. Des exports au format web gardent les pages rapides sur téléphone, là où les prospects ouvrent souvent un lien qu'on leur a transféré.

Ajoutez vos projets depuis l'espace d'administration

Un portfolio qui ne bouge jamais finit par avoir l'air abandonné. Demandez un espace d'administration privé dans le premier ou le deuxième message, avec un formulaire par projet : titre, adresse, résumé, texte de l'étude de cas, image de couverture, images de galerie, catégorie, ordre d'affichage et un interrupteur de publication.

Puis-je ajouter des projets sans régénérer le site ?

Oui. Les projets sont des données enregistrées, pas du code : en ajouter un depuis l'administration ne lance aucune génération et ne consomme pas votre quota d'utilisation. La nouvelle page atteint les visiteurs en une minute environ. Vous ne revenez au chat que pour changer le design ou ajouter une fonctionnalité, comme un bandeau de logos clients ou une mention « disponible actuellement ».

Les images envoyées depuis l'administration sont stockées comme fichiers publics, servies rapidement et limitées à 25 Mo chacune. Les envois publics n'acceptent pas les fichiers SVG : exportez vos logos en PNG. La note finale de la génération vous indique comment accéder à l'administration : souvent, le premier compte créé devient administrateur, ou la note vous donne des identifiants. Connectez-vous, testez, et remplacez tout mot de passe provisoire par le vôtre.

Votre propre domaine et le lancement

Votre site démarre à une adresse du type https://<id>.wisylink.com, idéale pour les tests. Sur le forfait gratuit Community, les liens durent 30 jours, puis restent marqués pour suppression une semaine de plus avant d'être effacés. Pour garder le portfolio en ligne, passez à un forfait payant (l'installer sur votrenom.fr est possible avec n'importe quel forfait) ; Starter coûte 7 $ par mois (voir les forfaits).

Dans Domaines, vous connectez un domaine que vous possédez déjà ; si vous n'en avez pas encore, enregistrez-en un d'abord auprès de n'importe quel registraire de domaines. La connexion par un simple enregistrement DNS ne touche pas à votre messagerie ; faire pointer vos serveurs de noms vers WisyLink remplace tous les enregistrements DNS existants, e-mail compris, donc ne choisissez cette option que si vous êtes prêt à les recréer. Le HTTPS se configure automatiquement une fois le domaine vérifié. Le pas-à-pas complet se trouve dans comment connecter un nom de domaine à votre site créé avec l'IA.

Avant de diffuser largement le lien :

  1. Ouvrez chaque page projet sur un téléphone et vérifiez le cadrage des images.
  2. Envoyez une demande de test et vérifiez à la fois l'entrée dans l'administration et l'e-mail.
  3. Collez le lien dans une messagerie et vérifiez l'aperçu.
  4. Relisez chaque mot une dernière fois, et vérifiez la présence des mentions légales, obligatoires en France pour un site professionnel ; une coquille coûte plus cher sur un portfolio que partout ailleurs.
  5. Ajoutez le lien à votre signature e-mail, à vos profils sur les réseaux sociaux et à vos factures.

Créez votre portfolio en un seul message

Vous avez déjà le plus difficile : le travail. Rassemblez vos meilleurs projets, écrivez cinq lignes sur chacun, joignez les images et collez le modèle de prompt ci-dessus avec vos informations. Relisez la première version sur votre téléphone, demandez les modifications qui comptent et connectez votre domaine quand le moment vous semble venu.

Vous pouvez tout essayer gratuitement : commencez avec Community, sans carte bancaire, et ne passez à un forfait payant que lorsque le portfolio est prêt à rester en ligne sur votre propre domaine.

FAQ

Questions fréquemment posées

Puis-je ajouter mes propres images et vidéos ?
Oui. Joignez-les dans le chat quand vous décrivez le site, ou téléversez-les plus tard depuis votre espace d'administration. Chaque fichier peut peser jusqu'à 25 Mo, et les formats courants comme JPEG, PNG, WebP, GIF et MP4 sont acceptés. Les envois comptent dans le stockage et la bande passante de votre forfait : hébergez les vidéos longues ou votre bande démo sur une plateforme vidéo et faites-les intégrer dans les pages projets.
Puis-je ajouter de nouveaux projets sans régénérer le site ?
Oui, dès que votre site dispose d'un espace d'administration. Ajouter, modifier, masquer ou réordonner des projets change des données enregistrées : aucune génération n'est nécessaire, et le changement atteint les visiteurs en une minute environ. Vous ne revenez au chat que pour les changements de structure, comme un nouveau champ sur les pages projets, une autre mise en page ou une nouvelle section. Si la première version n'a pas d'administration, demandez-la dans un message suivant.
Mon portfolio sera-t-il bien référencé sur Google ?
Il peut l'être, mais rien ne garantit un classement. Les bases techniques sont en place sur chaque site WisyLink : pages rendues côté serveur, titres et descriptions, URL canoniques, données structurées, sitemap et robots.txt. Le reste dépend du contenu et de votre réputation : des pages projets descriptives, des textes alternatifs, votre ville si vous travaillez localement, et des liens depuis les sites de vos clients, des annuaires et vos réseaux sociaux. Validez le site dans Google Search Console après le lancement.
Puis-je protéger des travaux clients par un mot de passe ?
Oui, de deux façons. Un mot de passe sur tout le site place un seul mot de passe partagé devant chaque page, ce qui convient à un site de validation séparé pour un seul client. Pour plusieurs clients sur un même site, demandez des comptes clients afin que chacun ne voie que ses propres galeries. Le mot de passe global reste inactif tant que vous ne l'avez pas défini dans Intégrations : testez-le dans une fenêtre de navigation privée avant d'envoyer le lien.
Puis-je ajouter des animations ou des effets 3D ?
Oui. Les sites peuvent utiliser des animations CSS et SVG, des effets canvas et des scènes 3D en temps réel dans le navigateur, et les modèles 3D que vous fournissez aux formats .glb, .gltf ou .fbx sont utilisés tels quels. Pour un portfolio, mettez le mouvement au service du travail : des transitions discrètes et des effets au survol aident, des effets lourds ralentissent les téléphones. Demandez que les animations respectent le réglage de réduction des animations des visiteurs.
Créer un site portfolio avec WisyLink est-il gratuit ?
Vous pouvez le créer et le tester gratuitement avec le forfait Community, qui donne droit à une génération par fenêtre de 5 heures. Les liens gratuits restent en ligne 30 jours, puis une semaine de plus marqués pour suppression. Pour garder le portfolio en ligne tant que vous êtes abonné, il faut un forfait payant : Starter coûte 7 $ par mois. Votre propre domaine se connecte sur tous les forfaits, le gratuit compris ; si vous n'en avez pas encore, il est à enregistrer à part auprès d'un registraire.
Partager
XLinkedInFacebook