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.

AprĂšs avoir fait passer le mot, n’oubliez pas que votre portfolio doit grandir avec vous. Il y a toujours un ajustement Ă  rĂ©aliser pour l’amĂ©liorer un peu. Continuez Ă  mettre Ă  jour votre site en crĂ©ant de nouveaux contenus et de nouveaux projets, implĂ©mentez diffĂ©rentes fonctionnalitĂ©s, amĂ©liorez l’expĂ©rience utilisateur et restez Ă  jour avec les tendances de design actuelles.


PubliĂ© par l’Ă©quipe Wix


Lire l’article sur le site Source

Ajouter un commentaire

Les champs requis sont indiqués *