Comment créer un site de portfolio qui vous procure du travail

Pour créer un site de portfolio qui vous procure du travail, choisissez vos quatre à huit meilleurs projets pour le public que vous voulez atteindre, présentez chacun sous forme d'une courte histoire (le problème, ce que vous avez fait, le résultat), et rendez-vous facile à joindre depuis chaque page. Gardez le site rapide, surtout s'il contient beaucoup d'images, et placez-le sur un domaine à votre nom. L'outil compte moins que la sélection et la rédaction.

Commencez par qui vous regarde

Un portfolio est une page de vente où votre travail est le produit. Avant de choisir une mise en page, décidez qui vous voulez engager et ce qu'il doit voir :

Si vous servez deux publics très différents, par exemple des postes de design de produits et de l'illustration pigiste, envisagez des sections distinctes, voire des sites distincts, pour que personne n'ait à chercher.

Quoi inclure

Les travaux

Choisissez moins de projets, mais de meilleure qualité. Retirez tout ce que vous ne voudriez pas refaire pour être engagé. Placez en premier votre pièce la plus forte et la plus pertinente; beaucoup de visiteurs ne dépassent jamais la première rangée.

Pour les designers et les développeurs, les meilleurs projets deviennent des études de cas. Une structure utile :

1. Le problème : une ou deux phrases sur la situation et les personnes touchées.
2. Votre rôle : ce que vous avez fait, et ce que les autres ont fait. Soyez précis; l'exagération se repère facilement en entrevue.
3. Le processus : quelques décisions clés, avec croquis, maquettes ou extraits de code.
4. Le résultat : ce qui a été livré, et tout résultat que vous pouvez énoncer honnêtement. Si vous ne pouvez pas partager de chiffres, décrivez le changement de façon qualitative.

Pour les photographes et les illustrateurs, ce sont les images qui font le plus gros du travail. Regroupez-les en ensembles clairs (mariages, produits, éditorial), gardez les légendes courtes et laissez la grille respirer.

À propos et contact

La section à propos doit dire qui vous êtes, ce que vous faites, pour qui vous le faites, et où vous êtes basé ou si vous travaillez à distance. Une vraie photo aide. Le moyen de contact doit être évident sur chaque page : un court formulaire, une adresse courriel, ou un lien pour réserver un appel. Si vous acceptez des réservations, expliquez comment.

Pages facultatives

• Services et tarifs : utile pour les pigistes qui veulent filtrer les demandes peu pertinentes.
• CV ou curriculum vitae : utile aux personnes qui cherchent un emploi; un PDF téléchargeable accompagné d'une version en ligne est courant.
• Écrits ou notes : à valoir seulement si vous les tiendrez à jour. Un blogue abandonné depuis des années nuit davantage que l'absence de blogue.
• Témoignages : seulement de vrais, avec permission.

Décisions et compromis

Site statique ou application? La plupart des portfolios sont des sites simples axés sur le contenu et n'ont pas besoin de base de données. N'en ajoutez une que s'il y a une raison : un formulaire de contact qui enregistre les demandes, une galerie que vous mettez souvent à jour par une page d'administration, ou une présentation client où les gens choisissent des photos.

Où vivent les images. Les grandes images sont la principale cause de lenteur des portfolios. Redimensionnez et compressez-les avant de les téléverser, servez des formats modernes et chargez les images de façon différée pendant que le visiteur défile. Pour une galerie volumineuse ou fréquemment modifiée, stockez les images dans un véritable stockage de fichiers plutôt que de les intégrer au code du site.

Comment vous mettrez le site à jour. Soyez honnête là-dessus. Si vous ajoutez des travaux chaque mois, vous voulez un moyen facile de le faire : une simple page d'administration, un système de gestion de contenu, ou un générateur que vous êtes à l'aise de modifier. Si vous mettez à jour deux fois par année, modifier le site directement suffit.

Visibilité dans les recherches. Si vous voulez que les gens vous trouvent en cherchant votre nom suivi de votre métier et de votre ville, la page a besoin de vrai texte, de titres bien structurés, de titres et de descriptions de page uniques, et de textes alternatifs descriptifs sur les images. Voir le référencement pour les sites Web créés avec l'IA.

Une première invite pour un générateur IA

Une bonne invite nomme le public, les pages, les travaux et le style :

Crée un site de portfolio pour Lena Park, designer de produits qui cherche des postes internes de haut niveau dans des entreprises SaaS. Pages : Accueil avec une courte présentation et une grille de cinq études de cas; un modèle de page d'étude de cas avec des sections pour le problème, mon rôle, le processus (avec une galerie d'images) et le résultat; À propos avec photo, courte biographie et téléchargement du CV; Contact avec un formulaire simple (nom, courriel, message) qui enregistre dans une base de données et affiche un message de remerciement. Style : calme et épuré, beaucoup d'espace blanc, une couleur d'accent, un texte grand et lisible. Fonctionne bien sur les téléphones. Utilise des projets fictifs clairement identifiés que je peux remplacer un à un.

Remplacez ensuite les espaces réservés un projet à la fois, plutôt que de coller tout votre contenu dans un seul message. C'est plus facile à vérifier, et l'IA produit mieux chaque page.

Pour d'autres façons de rédiger des invites, consultez comment rédiger des invites pour les générateurs d'applications IA.

Étapes de création

1. Choisissez le public et les projets avant de toucher à un outil.
2. Rédigez le texte de chaque étude de cas dans un document d'abord : problème, rôle, processus, résultat.
3. Préparez les images : recadrez, redimensionnez et compressez-les. Donnez aux fichiers des noms sensés.
4. Générez ou choisissez une mise en page de départ. Parcourir les modèles de portfolio est un moyen rapide de voir quel style convient à votre travail.
5. Créez d'abord la page d'accueil et une étude de cas, faites-les bien, puis répétez le modèle.
6. Ajoutez la section à propos et le contact. Testez le formulaire de contact de bout en bout.
7. Vérifiez sur un téléphone. Les portfolios se brisent souvent sur les petits écrans : grilles serrées, images énormes, légendes minuscules.
8. Ajoutez les bases du référencement et une image de partage, pour que vos liens soient bien présentés quand vous les envoyez.
9. Publiez et connectez votre domaine. Voir comment connecter un domaine personnalisé.
10. Demandez à deux personnes de votre public cible de regarder le site pendant trente secondes et de vous dire ce que vous faites. Si elles n'y arrivent pas, corrigez la page d'accueil.

Erreurs courantes

• Tout montrer. Les projets faibles diluent les forts. Faites une sélection.
• Des images sans contexte. Pour le design et le développement, une capture d'écran sans le problème ni votre rôle n'apprend pas grand-chose à un gestionnaire d'embauche.
• Pages lentes et lourdes. Les images pleine résolution non compressées donnent l'impression que le site est brisé sur les données mobiles.
• Une navigation trop astucieuse. Les menus inhabituels et les effets de défilement peuvent être amusants, mais pas si les visiteurs ne trouvent ni votre travail ni votre courriel.
• Coordonnées cachées. Placez un lien de contact dans l'en-tête et le pied de page de chaque page.
• Utiliser des travaux clients que vous n'avez pas le droit de montrer. Vérifiez les contrats et les ententes de confidentialité; anonymisez ou décrivez le projet au besoin.
• Ne jamais le mettre à jour. Des travaux datés et un « dernier projet » vieux de plusieurs années envoient le mauvais signal.

Coûts

Les frais courants d'un portfolio personnel sont généralement faibles : un nom de domaine renouvelé chaque année, et l'hébergement. Les sites riches en images coûtent un peu plus cher si vous stockez et servez beaucoup de gros fichiers. Les créateurs de sites facturent souvent un abonnement mensuel qui inclut l'hébergement; créer le vôtre peut être moins coûteux, mais vous devez l'entretenir. Vérifiez les prix actuels sur le site de chaque fournisseur, car ils changent.

Quand un produit clé en main est le meilleur choix

Les plateformes de portfolio et les créateurs de sites avec des thèmes de portfolio conviennent si vous voulez un résultat soigné rapidement, préférez un éditeur visuel et n'avez besoin de rien de sur mesure. Les photographes qui vendent des tirages ou livrent des galeries à leurs clients peuvent être mieux servis par une plateforme photo spécialisée qui gère déjà les épreuves et les ventes d'impressions. Créez le vôtre lorsque vous voulez un design distinctif, qu'il vous faut une fonction que les plateformes n'offrent pas, que vous voulez montrer du code ou des travaux interactifs directement, ou simplement posséder le site.

Créer le site avec Mythex

Mythex peut créer un portfolio à partir d'une description comme l'invite ci-dessus. Vous le voyez dans un aperçu en direct avec un cadre de taille téléphone, affinez la mise en page et le texte dans le clavardage, et publiez à votrenom.mythex.app. Si vous voulez un formulaire de contact qui enregistre les demandes, Mythex ajoute une base de données au projet; pour les galeries d'images, il peut utiliser le stockage de fichiers du projet pour que les photos ne soient pas intégrées au code. Avec le forfait Pro, vous pouvez acheter un domaine dans Mythex ou connecter un domaine que vous possédez déjà, et exporter le code ou le synchroniser avec GitHub si vous voulez l'héberger ailleurs plus tard.

La documentation traite de ce cas d'usage dans le portfolio et explique le stockage de fichiers. Vous pouvez aussi partir du générateur de sites de portfolio IA ou d'un style précis comme le portfolio de développeur ou le portfolio photographie.

Questions