Créer un portfolio en ligne : le guide ultime



Disposer d'un beau portfolio en ligne est un must pour chaque designer. Voici les dix étapes à suivre pour créer un site internet qui exprime vraiment votre style unique.

De nos jours, disposer d'une présence en ligne professionnelle est incontournable pour les designers et les créateurs. Un portfolio en ligne avec un design parfait est la version moderne d'une carte de visite, d'un CV et d'une vitrine de projets, le tout en un. Après tout, c'est le lieu de prédilection pour tous les clients potentiels et les employeurs qui cherchent à vous embaucher ou à travailler avec vous.

La création d'un portfolio en ligne est l'occasion d'avoir un support qui montre vos compétences et transmet votre voix unique, tout en ayant l'air aussi net et professionnel que n'importe quel autre de vos travaux. Avec les bons outils, vous pouvez dépasser les contraintes technologiques et les compromis artistiques et construire une présence en ligne à la hauteur de vos espérances.


Pour vous aider à vous lancer, voici un guide en 10 étapes pour créer un portfolio en ligne dont vous serez fier :

Comment créer un portfolio en ligne?

  1. S'inspirer d'autres portfolios

  2. Choisir un template

  3. Présenter ses meilleurs projets

  4. Utiliser des images en haute définition

  5. Inclure le bon contenu et les bonnes fonctionnalités

  6. Améliorer l'UX de votre portfolio

  7. Travailler le référencement de votre site

  8. L'adapter aux dispositifs mobiles

  9. Demander un retour honnête

  10. Publier et promouvoir

01. S'inspirer d'autres portfolio

La création d'un portfolio commence par une recherche de contenus visuels. Quel que soit le domaine dans lequel vous travaillez, consulter d'autres sites de portfolio en ligne vous fournira quelques idées de départ. Il est particulièrement recommandé de consulter les sites internet d'autres personnes qui sont dans le même domaine que vous.

Lorsque vous parcourez ces ressources, pensez à l'ambiance que vous souhaitez transmettre à votre portfolio et à l'expérience que vous souhaitez créer. Vous pouvez prendre des notes ou même réaliser un mood board pour vous accompagner tout au long de votre processus créatif. Tenez compte des détails essentiels tels que la palette de couleurs, la typographie et la structure du site que vous aimez, et renseignez-vous sur les tendances actuelles en web design.

02. Choisir un template pour portfolios

Comment souhaitez-vous que les visiteurs passent d'une page à l'autre ? En ouvrant un menu ou en faisant défiler vers le bas pour obtenir plus d'informations ? Voulez-vous que votre site soit un site one page ou une galerie d'images en plein écran qui s'ouvrent sur des pages individuelles ? Ce sont des questions que vous vous poserez lors de l'étape suivante, en choisissant votre template de portfolio.


Si vous préférez partir d'une toile vierge, vous pouvez toujours créer un site internet à partir de zéro et profiter d'une liberté totale de vous exprimer en ligne.

exemples de template de site internet


03. Présenter ses meilleurs projets

Votre travail réel est le cœur de votre portfolio en ligne, alors assurez-vous de le présenter de la meilleure façon possible. Il doit se démarquer et être facilement accessible depuis la page d'accueil et/ou le menu du site. Vous pouvez mettre en valeur votre travail en créant une page « projets » dédiée sur votre site Web.


Exposez votre créativité et vos compétences à vos clients en ne partageant que le meilleur de votre travail. Ainsi, vous attirez leur attention sur vos points forts et maintenez un niveau de qualité constant tout au long de votre portfolio.


En plus de présenter votre meilleur travail, assurez-vous de mettre à jour votre site internet de temps en temps, afin de toujours partager vos créations les plus récentes. Cela montrera aux visiteurs que vous êtes actif, que vous travaillez et que vous avez de l'expérience. Lorsque vous créez un portfolio en ligne pour la première fois, choisissez un design qui sera facile à modifier, vous permettant d'ajouter de nouveaux projets au fur et à mesure.


Il est utile d'ajouter un récit pour chaque projet, afin que les visiteurs puissent avoir une idée du contexte de votre travail. Assurez-vous de donner une description concise du projet et de mentionner votre rôle, ainsi que tous les collaborateurs avec lesquels vous avez travaillé, une astuce de conception de portfolio souvent négligée.

04. Utiliser des images en haute définition


Les portfolios des photographes ne sont pas les seuls à nécessiter des images de haute qualité. Pour vous assurer que votre travail est aussi impressionnant en ligne qu'en réel, investissez du temps et des efforts pour photographier votre travail, votre processus et vos produits. Dans les cas où il est impossible de réaliser une séance photo professionnelle, travaillez avec des maquettes pour donner vie à vos visuels. Lors de la présentation de vos images, la Wix Pro Gallery vous offre un aspect professionnel avec des mises en page, des montages et des effets personnalisables.

05. Inclure le bon contenu et les bonnes fonctionnalités


Une fois que vous disposez d'une bonne base de départ et d'une collection de projets prêts à être présentés, il est temps d'identifier le contenu supplémentaire que vous souhaitez inclure dans votre portfolio en ligne et la manière stratégique de le présenter. Cela peut être du texte, des images et d'autres médias. Que vous souhaitiez créer un portfolio de design industriel, de design graphique ou tout autre type de portfolio, voici les pages et les sections les plus importantes à inclure, ainsi que quelques caractéristiques de design professionnel à mettre en œuvre sur votre site :

Page d'accueil


L'accueil virtuel de votre portfolio doit attirer l'attention de vos visiteurs grâce à un design accrocheur. En plus de son aspect visuel, votre page d'accueil est l'occasion d'attiser la curiosité des clients et employeurs potentiels avec une puissante phrase d'introduction. Soyez bref et doux, en exprimant clairement qui vous êtes et ce que vous faites. Il n'est pas nécessaire d'entrer ici dans les détails de votre biographie (c'est à cela que sert votre page « À propos »), mais il est absolument essentiel de mentionner votre nom et votre domaine d'expertise principal.


Étant donné que votre page d'accueil sert de point de départ et de base à la navigation des visiteurs, assurez-vous d'inclure également un menu d'éléments faciles à trouver et qui oriente clairement les utilisateurs vers le bon endroit sur votre site.



Page À propos


La page À propos est l'endroit où vous présentez votre parcours et une courte biographie, où vous fournissez des informations essentielles sur vos activités et résumez votre identité et vos valeurs uniques. Incluez tous les éléments distinctifs, tels que vos réalisations et vos compétences. Il peut également être judicieux de clarifier votre situation professionnelle actuelle et d'inclure votre CV. Vous pouvez l'ajouter directement sur la page ou sous forme de PDF téléchargeable.

Vous pouvez présenter votre personnalité avec des jeux de mots, une microcopie intelligente, des illustrations ou tout autre élément qui vous semble fidèle. Découvrez comment la designer Jikun Tao a ajouté une touche personnelle à son portfolio en ligne en incluant un gif aux yeux écarquillés et en jouant sur la typographie.

exemple de page à propos

Coordonnées


Après avoir fait découvrir votre site à vos visiteurs, assurez-vous qu'ils puissent facilement vous contacter. Les messages n’arriveront pas par miracle dans votre boîte de réception, alors ajoutez l'un des éléments suivants pour vous assurer d'être joignable : un formulaire de contact, votre adresse e-mail, vos numéros de téléphone et des liens vers vos profils de réseaux sociaux.

Ceux-ci peuvent être présentés dans votre menu, dans une page de contact dédiée ou en tant qu'élément épinglé sur le côté de l'écran. Il est également fortement recommandé de répéter vos coordonnées dans le pied de page de votre site Web, offrant aux visiteurs une dernière invitation à entrer en contact avec vous.

Clients et témoignages

Mettez en valeur votre professionnalisme en mentionnant une liste de clients respectés qui ont choisi de travailler avec vous. Si l'un de vos projets a été présenté quelque part ou a fait l'objet d'une couverture médiatique, mentionnez-le également.


Vous voudrez peut-être aussi présenter un ou deux témoignages de clients satisfaits. Les témoignages peuvent ajouter beaucoup de crédibilité à votre portefeuille en ligne, tant qu'ils sont authentiques et non exagérés. Ne manquez pas cette chance de faire des relations publiques gratuites et authentiques.



exemple de témoignage

Intégrer des fonctionnalités professionnelles


Pour créer un look professionnel et une expérience attrayante, voyez comment vous pouvez incorporer des caractéristiques de conception qui attirent l'attention de vos visiteurs en faisant monter d'un cran la conception de votre portfolio en ligne. Des effets de survol et de défilement parallaxe en passant par l'animation et les visionneuses, ces touches finales peuvent vous aider à donner vie à votre site Web. Ces éléments peuvent également servir d'outils fonctionnels, attirant l'attention de vos visiteurs sur un endroit précis, ou générant des interactions.


Un autre excellent moyen de rendre votre site plus dynamique et de l'adapter à vos besoins spécifiques est d'utiliser Velo by Wix. Cette plate-forme de développement Web vous permet d'insérer des éléments de code dans votre site Web avec diverses interactions personnalisées, vous aidant à donner vie à vos visions les plus complexes sur votre portfolio.



exemple de fonctionnalités sur un site

06. Améliorer l'UX de votre portfolio


Maintenant que vous avez votre contenu, il est temps de rassembler toutes les pièces. Il existe un certain nombre de facteurs à prendre en compte pour créer une UX réussie, c'est-à-dire une expérience utilisateur, sur votre site Web.


Commencez par lister toutes les pages Web que vous avez décidé de créer. Ensuite, identifiez les éléments qui devront être inclus sur chaque page. Par exemple, une page de projet peut inclure une image vedette, un en-tête, une description, ainsi que quelques images ou fonctionnalités multimédias supplémentaires. La liste des éléments sur chaque page vous permettra de hiérarchiser, de décider de leur hiérarchie et de proposer une mise en page de site Web adaptée.


Vous pouvez soit esquisser vos idées sur papier sous forme de wireframes, soit commencer à créer immédiatement votre site Web de portfolio, en mettant progressivement les éléments en place.


Une fois que vous saurez quelles pages composeront votre portfolio en ligne, vous pourrez décider de la navigation. Comment souhaitez-vous que les visiteurs passent d'une page à l'autre ? Allez-vous inclure un menu hamburger qui s'ouvre sur une liste en plein écran, ou un menu fixe en haut de chaque page ? Comment indiquerez-vous sur quelle page se trouvent vos visiteurs ? Ce guide partage des conseils de navigation sur le site Web et couvre tout ce que vous devez prendre en compte pour une expérience de navigation fluide.

07. Travailler le référencement de votre site

À quoi sert un portfolio en ligne si personne ne peut le voir ? Pour que vos clients vous trouvent facilement et réservent vos services, travaillez à l'optimisation de votre site pour le faire monter le plus haut possible dans les résultats de recherche Google.


L'optimisation des moteurs de recherche (SEO) est une tâche permanente, concernant divers éléments de votre site. Voici quelques conseils qui vous aideront à démarrer :

  • Créez un contenu unique de qualité. Une bonne façon de s'y prendre est d'écrire des articles de blog, car ils vous donneront l'occasion de partager des idées que d'autres designers et créateurs auront plaisir à lire. Cela montrera également à Google (et aux visiteurs du site) que vous travaillez activement.

  • Faites une recherche de mots-clés pour trouver ceux qui correspondent le mieux à votre site. Les mots-clés sont les expressions les plus couramment recherchées sur Google lorsque les internautes recherchent des créatifs tels que vous. Un exemple de mot clé pourrait être « webdesigner indépendant » ou « architecte Toronto ». Une fois que vous avez effectué une recherche de mots clés, utilisez ces expressions à des endroits stratégiques de votre site internet.

  • Rédigez du alt text pour vos images. Abréviation de texte alternatif, l'alt text est une brève description des images et des photos de votre site (par exemple, « cartes postales et cartes de visite pour un projet de marque »). La rédaction d'un alt text optimisé pour le référencement peut également aider à améliorer l'accessibilité de votre site Web. Vous aurez probablement de nombreux éléments visuels sur votre portfolio en ligne, alors profitez-en pour intégrer vos mots-clés dans votre texte alternatif.

  • Écrivez des titres et des descriptions (appelées métadonnées) pour chacune des pages de votre portfolio.

  • Faites-vous trouver par des personnes de votre région en utilisant le référencement SEO local. Si vous êtes un designer indépendant avec un emplacement permanent, utilisez le référencement local pour vous assurer que votre portfolio sera trouvé par toute personne en recherche dans votre région. Assurez-vous de revendiquer votre entreprise sur Google My Business, enregistrez votre site Web sur les registres concernés et ajoutez votre emplacement sur les pages de votre site Web.


Conseil de pro : si vous avez un site Wix, essayez la suite d'outils SEO Wix. Il s'agit d'un plan gratuit, étape par étape, conçu pour aider à améliorer le référencement de votre site avec une liste de contrôle personnalisée et des conseils utiles.

08. L'adapter aux dispositifs mobiles

On oublie souvent le grand nombre d'utilisateurs susceptibles de consulter un site depuis un smartphone. En fait, les appareils mobiles représentent 52 % de la consultation de pages Web dans le monde. C'est pourquoi les meilleures conceptions de sites Web doivent être aussi belles sur mobile que sur ordinateur.


L'un des principaux défis auxquels les concepteurs sont confrontés lorsqu'il s'agit de créer un portfolio en ligne est de s'assurer qu'il sera compatible avec les mobiles. Votre site Web mobile est plus qu'une simple conception Web réduite, il y a donc quelques règles à garder à l'esprit lors de la conception pour mobile.

Pour l’adapter aux petits écrans, vous devrez désencombrer la version mobile de votre site, en ne gardant visibles que les éléments les plus cruciaux. De plus, faites attention aux polices et aux couleurs que vous utilisez et assurez-vous qu'elles sont lisibles. Réduisez la quantité de saisie requise et envisagez d'ajouter une barre de recherche pour faciliter la navigation.


Si vous créez votre portfolio avec Wix, votre site générera automatiquement une version adaptée aux mobiles, avec une galerie adaptative pour vos images.

09. Demander un retour honnête


Nous connaissons tous le sentiment de s’égarer dans un projet jusqu'à perdre de vue à quoi il ressemble vraiment. C'est pourquoi il est toujours préférable de gérer votre site internet en demandant l'aide de quelqu'un pour obtenir un aperçu et également de nouvelles idées. Demandez à vos amis de confiance ce qu'ils ont à dire sur le contenu et les visuels de votre portfolio. Pensent-ils que votre portfolio manque d'informations ? Qu'ont-ils aimé ou n'ont pas aimé dans l'apparence de votre site ? La navigation est-elle facile ? Même si cela signifie faire des ajustements, les commentaires critiques de vos pairs peuvent vous aider à affiner les détails de votre site.

10. Publier et promouvoir


Une fois que vous avez publié votre portfolio en ligne, n'oubliez pas de le partager sur tous vos réseaux sociaux, de Pinterest à Instagram et plus encore. Cette stratégie de marketing simple sur les réseaux sociaux vous aidera à atteindre plus de clients potentiels, à améliorer votre référencement et à recevoir des commentaires honnêtes. Vous pouvez également créer une campagne publicitaire pour atteindre un plus grand nombre de personnes.


Un autre conseil : ajoutez les icônes de vos réseaux sociaux à votre site, cela aidera les visiteurs à accéder facilement à vos profils.