Comment créer un portfolio en ligne en 2024

J’ai une confession à faire : j’ai beau être un rédacteur professionnel spécialisé dans le domaine des sites web, j’ai toujours eu une excuse pour ne pas avoir de portfolio en ligne.

Je me disais que je n’avais pas assez de contenu, ou que je n’avais pas le temps. D’ailleurs, peu importe que votre travail soit sur Instagram ou sur un site sophistiqué : si vous faites du bon travail, vous serez remarqué, non ? (Alerte spoiler : pas du tout).

La vérité, c’est que créer un site web pour soi-même est un exercice qui peut sembler difficile. Et puisque vous lisez ceci, je suis prêt à parier que vous ressentez la même chose.

Mais vous ne devriez pas. Après avoir enfin créé mon portfolio en ligne, je peux vous dire que le processus a été rapide et facile. Le résultat final est superbe et met en valeur ma personnalité et mon travail. Je suis là pour vous expliquer comment faire, étape par étape.

J’ai créé mon site avec Wix, parce qu’il est très facile à utiliser et qu’il propose des templates de portfolio parmi les plus beaux du marché. Mais vous pouvez utiliser ce guide pour créer et concevoir un portfolio époustouflant avec n’importe quel concepteur.

Étape N° 1 : Choisissez un nom de domaine pour votre portfolio

Choisir un nom de domaine pour un site web est un art (nous avons le guide complet pour le prouver). Mais pour être franc avec vous : votre nom et un simple .com devraient faire l’affaire pour un portfolio. Si vous avez un nom d’artiste ou un nom de société, utilisez-le.

Faire bonne impression est déjà assez difficile comme ça. Si votre travail trouve un écho chez quelqu’un, il est probable qu’il se souviendra de votre nom, tandis que les informations inutiles ne feront qu’encombrer l’espace.

Essayez des variantes si le site VotreNom.com n’est pas disponible. Mon portfolio, par exemple, pourrait être AndresGanem, AndresG, AGanem, DresGanem, ou d’autres combinaisons de ce type.

Le .com est également important. Il est peut-être plus cher, mais c’est le TLD (Domaine de premier niveau) le plus populaire au monde. Cela signifie que les gens se souviendront naturellement du .com. Vous pouvez toujours essayer notre générateur de noms de domaine pour voir ce qui est disponible.

Étape N° 2 : Choisir la bonne solution de création de sites et le bon abonnement

Un site WordPress auto-hébergé vous donne un contrôle total sur tous les aspects de votre portfolio, mais il demande du temps et de l’expertise.

Les générateurs de sites web s’occupent des détails et vous fournissent les outils dont vous avez besoin pour concevoir votre site rapidement et facilement. Il pourrait également s’agir de l’option la plus économique. L’hébergement, l’achat du nom de domaine et les plug-ins peuvent coûter cher. Les solutions de création de sites offrent généralement tout cela pour un prix plus abordable, et vous connaissez le tarif dès le départ.

Certains concepteurs, comme Wix ou SITE123, proposent des abonnements entièrement gratuits. Je ne recommanderais cependant pas l’utilisation de ces abonnements gratuits, car le fait d’avoir un domaine Wix ou SITE123 peut donner une image qui manque de professionnalisme. Je vous conseille de commencer par le concepteur de sites le moins cher qui propose un domaine personnalisé. Vous pouvez toujours le mettre à niveau si vous en avez besoin.

J’ai créé un portfolio avec chacun des générateurs ci-dessous, et je pense qu’ils proposent le meilleur compromis entre la facilité d’utilisation et la personnalisation. Cela dit, la solution qui vous convient le mieux dépend de vos besoins spécifiques.

1. Wix — Le meilleur éditeur pour la liberté de création

Aucun service de création de sites sur le marché n’offre autant de souplesse de conception que Wix, qui reste pourtant convivial. Il suffit de quelques minutes pour se familiariser avec l’éditeur par glisser-déposer. Donner à votre site l’apparence que vous souhaitez est un jeu d’enfant.

Cela dit, il faut avoir l’œil pour le design si l’on veut personnaliser un template en profondeur. La flexibilité de Wix ne restreint absolument rien quant à l’apparence d’un site.

Si vous avez des compétences en matière de design et que vous voulez un site qui vous ressemble, Wix est la solution idéale. Wix propose un abonnement gratuit à vie, ce qui vous permet de l’essayer avant d’acheter un domaine personnalisé.

Voici quelques-unes des meilleures caractéristiques de Wix :

• Éditeur de type “glisser-déposer” sans aucune limite. Wix est le seul concepteur qui vous permet de placer des éléments n’importe où sur une page.
• Des widgets spéciaux pour afficher votre travail. Des fonctionnalités telles que les vidéos masquées ou les diaporamas personnalisés constituent un moyen intéressant de montrer vos projets.
• Plus de 800 templates. Chaque template est spécifiquement conçu pour une niche ou un secteur d’activité différent, et vous pouvez les modifier autant que vous le souhaitez.
• Interface utilisateur localisée. L’interface utilisateur est disponible en français.
• Service client. Envoyez un e-mail au service clientèle en français.

2. Squarespace — Le meilleur éditeur pour le secteur des arts plastiques

Si vous avez un travail visuel, tel que la photographie, la vidéo ou l’animation, Squarespace est peut-être la solution qui vous conviendra le mieux. Les templates de Squarespace utilisent des titres en gras et des espaces négatifs pour attirer l’œil sur la partie la plus intéressante de la page : votre travail.

Il est moins personnalisable que Wix et n’affiche pas beaucoup d’informations sur une seule page. Mais une image vaut mille mots, et Squarespace permet à vos visuels de parler à votre place.

Squarespace n’a pas d’abonnement gratuit, mais il propose un essai gratuit de 14 jours pour vous permettre de décider si c’est le bon service de création pour votre portfolio.

Squarespace est proposé avec les fonctionnalités suivantes :

• Éditeur de blocs intuitif. Même si Squarespace présente son éditeur comme un outil en « glisser-déposer », il s’agit plutôt d’un outil d’édition de blocs, et c’est une bonne chose. Cette restriction empêche les sites Squarespace de devenir confus ou déséquilibrés.
• Templates conçus par des professionnels. Plus de 100 templates sont disponibles, et ils sont tous réactifs (responsive design).
• Prise en charge des applications tierces. Il existe de nombreuses applications tierces que vous pouvez ajouter à un site Squarespace pour en étendre les fonctionnalités.
• Interface utilisateur. L’interface utilisateur est disponible en français
• Envoyez un e-mail au service clientèle en français.

3. SITE123 — Le meilleur service de création de sites pour les débutants

SITE123 est un outil remarquablement facile à utiliser pour créer des sites web (et il a aussi un abonnement gratuit !). Vous n’aurez peut-être pas le site le plus original qui soit, mais il existe suffisamment de possibilités de personnalisation pour lui apporter votre touche personnelle.

Avec SITE123, vous bénéficiez de :

• Une visite guidée pour les débutants. Vous pouvez accéder à une présentation complète du fonctionnement de SITE123 dès que vous créez votre premier site.
• Templates réactifs adaptés aux mobiles. L’affichage de votre site sur mobile s’adapte automatiquement dès que vous apportez des modifications.
• Bibliothèque d’applications. Développez vos fonctionnalités avec les applications premium de SITE123.
• Interface utilisateur. Il est localisé en français.
• Envoyez un e-mail au service clientèle en français.

4. Zyro — Le concepteur de sites le plus rapide du marché

Zyro utilise la technologie de l’intelligence artificielle pour vous aider à concevoir efficacement chaque partie de votre site web. Vous pouvez même générer un logo personnalisé à l’aide de l’IA et suivre l’activité sur votre site avec l’outil piloté par l’IA, heatmap (carte thermique). Si vous avez besoin d’un bon site web et que vous n’avez pas de temps à lui consacrer, alors Zyro est votre solution.

Zyro n’a pas d’abonnement gratuit, mais il propose un essai gratuit de 30 jours pour tester l’outil et visualiser votre site web.

Zyro fournit :

• Création de contenu généré par IA. Il existe des fonctions gérées par l’IA pour la conception de votre site, la création d’un logo et même la rédaction de contenu.
• Carte thermique intelligente. Utilisez le suivi des activités pour améliorer l’expérience utilisateur de vos pages.
• Assistance clientèle 24 h/24 et 7 j/7. Si vous avez besoin d’aide, vous pouvez contacter Zyro à tout moment et obtenir une réponse efficace. Vous pouvez écrire à l’assistance clientèle en français, car les agents peuvent utiliser Google Translator
• Interface utilisateur. L’interface utilisateur est disponible en français.

Étape N° 3 : Tenez compte de la structure de votre portfolio

Vous avez donc déjà choisi un nom de domaine génial et vous savez quel concepteur de sites convient le mieux à vos besoins particuliers. Vous pouvez enfin commencer à créer votre site, n’est-ce pas ?

Pas encore. Vous devez connaître les objectifs de votre site avant de commencer. À défaut, vous risquez de vous retrouver avec un site dépourvu de toute structure, ou pire, de ne pas avoir de site du tout.

Voici ce que je vous recommande :

• Consultez d’autres portfolios de votre secteur particulier. Qui admirez-vous dans votre secteur d’activité ? Qui considérez-vous comme ayant réussi ? Pour mon site de création de contenu rédactionnel, j’ai consulté les sites de mes auteurs préférés, même ceux dont le style diffère du mien. L’écriture n’est pas aussi tape-à-l’œil que la photographie ou le design, j’avais donc besoin de toute l’inspiration possible pour faire ressortir mon travail.
• Tenez compte de votre personnalité. L’étude d’autres portfolios est une excellente chose, mais vous devez vous rappeler que vous êtes unique. Qu’est-ce qui vous rend différent ? Qu’est-ce qui rend votre travail remarquable ? Un écrivain de fiction peut avoir besoin d’un site qui transmet un certain ton, tandis qu’un humoriste a besoin d’un site qui montre qu’il ne se prend pas trop au sérieux.
• Faites une esquisse de votre site. Même si vous pouvez clairement voir votre portfolio dans votre esprit, vous devez réaliser une maquette. Les yeux de l’esprit sont réputés pour ne pas être fiables, et supprimer les éléments qui ne fonctionnent pas sera beaucoup moins douloureux si vous effacez simplement un dessin au lieu de jeter des heures de travail.

Dessiner mon site sur papier a été une bonne solution pour moi, mais vous pouvez toujours faire une ébauche à l’aide d’une présentation PowerPoint ou même de Photoshop si vous vous en sentez capable.

Il faut savoir que cette structure n’est pas gravée dans le marbre. Vous pouvez toujours apporter des modifications au fur et à mesure. Une fois que vous savez comment votre site doit être organisé, passez à l’étape suivante !

Étape N° 4 : Choisissez un template qui vous convient

Les templates peuvent être très génériques, comme « CV de photographe » (photography CV) ou très spécifiques, comme « Portfolio de designer textile » (Textile Designer Portfolio). Pensez aussi aux templates conçus pour d’autres créneaux. Si vous remplacez toutes les photos de bâtiments par des portraits, un template d’architecture pourrait devenir idéal pour un maquilleur.

Comparez votre maquette avec les différents choix disponibles. Lequel correspond le mieux ?

Vous devez également choisir votre concepteur de sites. Les différents éditeurs proposent plusieurs degrés de personnalisation. Vous pouvez supprimer chaque élément d’un template et créer une page de zéro avec Wix (si vous aimez vous compliquer inutilement la vie), mais si vous utilisez SITE123, ce que vous voyez correspond à peu près au résultat que vous obtiendrez.

Enfin, tenez compte des fonctionnalités. Les intégrations de e-commerce sont excellentes si vous souhaitez vendre vos œuvres, et vous avez besoin d’un bon lecteur audio si vous êtes un animateur de podcast ou un musicien. Vous pouvez toujours ajouter des éléments au fur et à mesure de la rédaction, mais un template doit vous faciliter la tâche autant que possible.

J’ai fini par utiliser le template rédacteur Noah Matthews. Il a un design simple, mais intéressant. Mais j’ai failli opter Spiritual Podcast, même si ce que je fais n’a rien de particulièrement spirituel et n’a rien à voir avec un podcast.

Maintenant que vous avez choisi votre template et que vous savez comment votre site doit être, il est temps de passer à la partie la plus difficile (je veux dire la plus amusante !) : la personnalisation de votre portfolio.

Étape N° 5 : Personnalisez votre portfolio en ligne

Le processus de personnalisation sera différent pour chacun. Je vais vous expliquer ce que j’ai fait et j’espère que cela vous guidera dans la bonne direction. Mais si vous vous mettez à hurler sur l’ordinateur à cause de quelque chose que je fais, peut-être vaut-il mieux ne pas faire pareil.

Tout d’abord, j’ai conçu le site en utilisant des espaces réservés. Là où j’avais besoin d’une photo, j’ai utilisé du dessin vectoriel que j’ai eu sur Wix. J’ai mis le classique « lorem ipsum » là où j’avais besoin de texte, et ainsi de suite. Pour moi, cela m’a sauvé la vie. Au lieu d’être obsédé par les petits détails, j’ai pu me concentrer sur la vue d’ensemble.

J’ai voulu que la page d’accueil comporte une photo de moi, car a) je suis narcissique et b) je cherche à établir un lien personnel avec le visiteur dès le départ. Les gens se connectent instinctivement aux visages. J’ai également remplacé l’arrière-plan par une image que j’aimais bien.

Je donne quelques spectacles à mes heures perdues, et avoir deux portfolios différents n’est pas une bonne idée. J’ai donc voulu que ma page d’accueil permette de passer de l’un à l’autre facilement. J’ai également choisi deux images dont les couleurs sont contrastées. De cette façon, le changement est perceptible, mais pas brutal.

Les fonctionnalités de Wix m’ont suffi pour mettre cela en place, mais il y a toute une bibliothèque d’applications Wix avec des fonctionnalités supplémentaires que vous ne pouvez pas trouver dans le concepteur standard. Les lecteurs de vidéos, de musique et de podcasts vous offrent encore plus de possibilités pour afficher votre contenu. Et vous pouvez protéger votre travail contre le vol avec l’application Right Click Protect.

J’ai utilisé un diaporama dynamique pour mon travail de rédaction et une séquence vidéo pour mon spectacle. Vous devez utiliser votre page principale pour donner envie de découvrir votre travail, mais n’en faites pas trop. Vous devez montrer juste assez de contenu pour rediriger un visiteur vers une page qui présente votre travail.

Étape N° 6 : Présentez votre travail

Oui, passer de la page d’accueil à la page suivante demande un engagement, mais c’est à cela que servent les extraits : convaincre vos visiteurs de s’engager.

Voici une liste d’éléments à garder à l’esprit pour votre page montrant votre travail, sans ordre particulier :

• Ne montrez pas tout ce que vous avez fait. Choisissez le meilleur de vos réalisations. Si vous n’avez fait qu’une ou deux choses dont vous êtes fier, mettez ces deux choses en évidence le plus possible. Ne les mélangez pas avec une douzaine d’autres projets « acceptables ».
• Restez simple. Choisissez un seul et même style et utilisez-le pour tout. Essayez de ne pas changer les couleurs de fond, les polices ou les éléments de conception d’un projet à l’autre.
• Utilisez des liens externes. Si votre travail a été présenté sur un site important, créez un lien vers celui-ci. Montrez un extrait et les commentaires que vous avez reçus. Cela suscite l’intérêt et montre que vous savez travailler avec les clients.
• Montrez un élément d’accroche, plutôt que l’ensemble. Pensez aux coups de théâtre à la télévision. Si vous montrez une partie étonnante d’un projet plus vaste, vous laissez les visiteurs sur leur faim.
• Rendez-le attractif, mais n’en faites pas trop. Ce ne sera pas un problème pour certains secteurs. Mais si votre travail n’est pas visuel par nature, essayez d’ajouter une image de couverture en haute résolution qui va bien avec. Ces éléments ne doivent pas détourner l’attention de votre travail ; ils doivent simplement empêcher les visiteurs de s’ennuyer.

Mon meilleur travail d’acteur est disponible gratuitement sur YouTube et Vimeo, j’ai donc inclus des liens externes vers ces vidéos. J’ai présenté mes écrits avec une grande image sur la couverture et quelques brefs extraits.

Si vous présentez votre travail correctement, il devrait faire sa propre publicité. Mais vous devez également rédiger un texte convaincant.

Étape N° 7 : Rédigez des textes percutants

Un bon texte peut faire la différence entre un bon et un excellent portfolio. Vous ne devez pas remplir de texte votre site, même s’il s’agit d’une partie importante de votre travail (surtout si c’est le cas), mais vous devez vous assurer que votre texte vise à transformer les visiteurs en fans.

Comment faire ? Il existe des livres entiers sur le copywriting. Je ne peux donc pas vous dire tout ce qu’il faut savoir, mais je peux vous donner quelques conseils.

• Soyez direct. Imaginez une personne qui parcourt votre site. Parlez-lui. Ne dites pas : « Je propose des services photo professionnels ». Dites : « Je peux faire en sorte que votre chien soit magnifique dans un pull. »
• Soyez personnel. Donnez quelques informations sur vous-même. Nous sommes en 2024. Votre marque personnelle a autant de valeur que votre travail. La façon dont vous parlez de vous est aussi importante que ce que vous dites.
• Ayez confiance. C’est votre portfolio. Si vous ne croyez pas en vous, pourquoi les autres le feraient-ils ? Mettez en avant vos réalisations et vos récompenses. Soyez clair sur ce qui vous distingue des autres.

Ne parlez pas tout seul. Incluez des témoignages de personnes avec lesquelles vous avez travaillé.

Si l’écriture n’est pas votre truc, vous pouvez utiliser des générateurs de contenu pilotés par l’intelligence artificielle pour trouver l’inspiration, comme celui proposé par Zyro. N’oubliez pas que vous devez toujours modifier ce texte suivant votre propre sensibilité, mais c’est un bon point de départ.

Si votre texte est bon, les visiteurs auront envie de vous contacter. C’est pourquoi vous devez leur faciliter la tâche.

Étape N° 8 : Aidez les clients potentiels à vous contacter

Vous trouverez un template prédéfini pour une page de contact sur presque tous les créateurs de sites. Assurez-vous simplement que votre page de contact est aussi attrayante que le reste du site.

L’objectif d’un site web de présentation est de permettre aux clients de vous contacter. S’ils cliquent sur la page de contact, ils ont atteint la ligne d’arrivée et votre objectif par la même occasion. Un bon titre et une bonne photo pourraient être le coup de pouce final dont ils ont besoin.

Ce qui est peut-être moins évident, mais tout aussi important : veillez à ce que les visiteurs aient un moyen de vous joindre à tout moment sur votre site. Wix comprend l’option « afficher sur toutes les pages » que j’ai utilisée pour afficher un formulaire de contact au bas de chaque page. J’ai également inclus les boutons des réseaux sociaux en haut à droite de chaque page.

Remplir votre site de boutons « contactez-moi » sur chaque pixel est un excellent moyen d’être sûr que personne ne vous contactera. Vous devez donc trouver un équilibre entre être toujours disponible et ne pas paraître désespéré.

Étape N° 9 : Connectez un domaine

Voici un autre avantage de l’utilisation d’un éditeur de sites web : Il est très facile de connecter un domaine à votre site. Achetez un nom de domaine personnalisé avec l’un des abonnements premium de Wix et tout est prêt.

Pour connecter un domaine à Wix, il suffit de vous rendre dans les paramètres de votre site. Recherchez l’option « connecter un domaine », et saisissez votre nom de domaine. Même si vous n’utilisez pas Wix, la plupart des éditeurs de sites web vous offrent un domaine gratuit pendant un an avec tout abonnement premium.

Vous avez presque fini. Veillez simplement à prévisualiser votre site avant de le mettre en ligne.

Étape N° 10 : Personnalisez votre portfolio en ligne

Avant de publier votre site web, prévisualisez-le plusieurs fois. Si vous le pouvez, montrez-le à un ami. Demandez l’avis d’autres personnes. Est-ce que le site est beau ? Est-ce qu’il correspond à ce que vous vouliez ? Votre ami vous engagerait-il sur la base de votre site ?

Assurez-vous que votre site fonctionne sur mobile. Les appareils mobiles représentent près de la moitié du trafic web. Ne négligez donc pas la version mobile de votre portfolio.

Voici un aperçu de mon portfolio en ligne, pour vous donner une idée de ce que vous pouvez créer en quelques heures avec le bon générateur de site web.

Essayez de vous amuser avec

La création de mon portfolio n’a peut-être pas pris 30 minutes, comme le prétendent certains articles, mais elle a été rapide, et le temps que j’ai passé en valait la peine.

Si vous lisez ceci, cela signifie que vous êtes fier de votre travail. Votre portfolio en ligne est un excellent moyen de montrer cette fierté au monde entier. Quand je regarde mon portfolio, je suis ravi. Je trouve qu’il est très beau et qu’il reflète ma personnalité. J’ai même du mal à comprendre ce qui me faisait si peur et me freinait autant.

Un dernier conseil avant de terminer : tenez votre portfolio à jour. Incluez de nouveaux projets et prenez le temps de les revoir tous les deux mois avec un regard neuf.

Votre travail évolue au fil du temps. Votre portfolio doit en faire autant.

FAQ

Ai-je besoin d’un site web de présentation ?

Tout dépend de votre définition du mot besoin. Pourriez-vous vivre sans ? Bien sûr. Devriez-vous en avoir un ? Oui. Un portfolio en ligne peut vous aider à vous faire remarquer par rapport à une multitude de flux de réseaux sociaux génériques. Il montre également que vous prenez votre travail au sérieux, incitant vos clients à vous prendre eux aussi au sérieux.

Heureusement, les générateurs de sites web permettent de créer très facilement un portfolio en ligne. Si vous ne savez pas par où commencer, consultez notre liste des meilleurs créateurs de sites web de 2024.

Comment créer un portfolio en ligne gratuitement ?

Il existe quelques solutions de création de sites qui proposent des abonnements gratuits, tels que Wix ou SITE123. Mais vous ne pourrez pas vous connecter à un domaine personnalisé en utilisant un abonnement gratuit, et rien ne fait fuir des clients potentiels aussi vite qu’un mauvais domaine.

Si les tarifs sont problématiques, vous pouvez toujours consulter notre page de réductions pour connaître les meilleures offres sur les abonnements de création de sites web.

Quel est le meilleur générateur de site web pour un portfolio en ligne ?

Différents éditeurs de création de sites correspondront aux différents besoins des personnes. Je vous recommande d’utiliser Wix. Son éditeur vous offre une grande liberté de création, ce qui vous permet de créer un site unique.

Pour une analyse plus approfondie, consultez notre avis d’expert sur Wix.

Que dois-je mettre sur mon site web de présentation ?

Votre portfolio en ligne doit contenir des extraits de vos meilleures créations, une page d’accueil pour entrer en contact avec les visiteurs, une page de contact et une page d’atterrissage qui suscite l’intérêt.

Vous pouvez également inclure des témoignages de clients précédents et les récompenses que vous avez gagnées grâce à votre travail.