Portfolio et exemples de mise en page et contenu

1. Qu'est-ce qu'un portfolio ?

À quoi sert un portfolio ?

En premier lieu, revenons sur la définition d'un portfolio. C'est un dossier papier ou numérique qui va regrouper des exemples de vos meilleures réalisations. Et le mot meilleur est un choix judicieux ! En effet, vous ne devez montrer que ce qui valorise votre expertise, les projets qui vont mettre en avant votre savoir-faire. En règle générale, on constitue un portfolio pour se présenter et démontrer ses compétences lors d'une recherche de poste ou de mission. Le but final étant de se démarquer de la concurrence et de s'auto-promouvoir.

Avant tout, voyez votre portfolio comme la première étape dans votre objectif de communication sur vous-même. Votre portfolio vous permet de vendre votre entreprise, mais en réalité ce que vous y vendez, c'est vous-même, ne l'oubliez pas !

C'est pourquoi votre portfolio doit être bien rédigé. Votre lecteur doit ressentir votre vision, votre caractère et vos valeurs à travers vos textes, images et mises en pages.

2. Les étapes de création d'un portfolio

Présentation personnelle et processus de travail

Dans votre portfolio, vous allez vous présenter personnellement, mais surtout votre entreprise. Voici 4 questions qui peuvent vous aider à vous présenter :

• POURQUOI ? Quelle épine du pied vous enlevez à votre client ?
• COMMENT ? Quelle offre de service vous proposez et le champ d'intervention de votre prestation (à distance, chez le client...) ?
• QUOI ? Quels avantages vous apportez face à vos concurrents ?
• DE QUELLE MANIÈRE ? Quels sont les atouts de votre personnalité et de vos valeurs à mettre en avant ?

Réalisations

En ce qui concerne vos réalisations, vous ne devez présenter que le meilleur et pas seulement des projets concrets ! Je ne parle pas là de ressortir vos dessins d'enfant, hein ! Mais plutôt de projets personnels que vous réalisez, par exemple des illustrations, de la photo, de la sculpture...

Situer sa réalisation

Il faut savoir que si la personne qui regarde vos réalisations ne sait pas ce qu'elle regarde, elle ne la retiendra pas. En d'autres termes, vous devez légender vos réalisations. Pensez donc à mettre :

• Un titre
• Une légende
• Si c'est un travail manuel ou de peinture ajoutez la technique utilisée
• Les possibles collaborations sur le projet
• L'année de création

En effet, indiquer la date de création va permettre à votre lecteur de situer votre réalisation. Je reprends l'exemple d'un graphiste. S'il a fait une affiche en 2010 et qu'il l'ajoute à son portfolio en 2021, le lecteur doit savoir que le style graphique utilisé dans la réalisation correspond à la mode en 2010.

Mettre en avant vos visuels

Quelques points importants :

• N'utilisez que des visuels haute définition. Il n'y a rien de plus désagréable que de regarder une image pixélisée.
• Ne présentez pas tous vos visuels de la même façon ! Zoomez sur des détails, variez les formats (full page, carré, 16:9, arrondi), variez les teintes, etc.

Collaborations et clients

Une fois de plus, ici le but est de présenter votre facilité d'adaptation et de travail en équipe. Un point très important, car cela montre que vous être sociable et que vous savez vous adapter à la situation.

Présentez donc les possibles collaborations que vous avez eu :

• Freelance
• Agence
• Artiste
• Influenceur
• Personnalité publique
• etc.

Mais aussi vos clients. Comme pour les réalisations, ne présentez que les meilleurs. Il ne s'agit pas là de montrer que les grands comptes, non. Il s'agit de présenter des clients similaires à votre lecteur. Si vous envoyez votre portfolio à une petite entreprise locale, il est judicieux de lui montrer que vous avez déjà travaillé avec des entreprises similaires et que vous connaissez leurs contraintes temporelles, tarifaires et concurrentielles. Ça va réconforter votre lecteur.

Compétences

Aaah le point qui fâche ! Pour cette partie, il y a deux écoles.

La première veut que l'on indique ce qu'on maîtrise : langues, logiciels, outils, services et qu'on indique une jauge ou un pourcentage à côté. Histoire que votre lecteur voit visuellement ce que vous maîtriser le plus.

La deuxième veut que l'on liste simplement ce qu'on maîtrise le mieux mais surtout ce qu'on aime faire.

À titre personnel, c'est ce que je fais. Voici un exemple :

Je trouve ça contre productif de dire je maitrise les logiciels Illustrator, Photoshop, After Effect, Première Pro, XD, Sketch. Parce qu'en fait, oui je les maîtrise tous mais je n'aime pas tous les utiliser ! Si un client me fait travailler sur Sketch, je serais beaucoup moins productive que si je travaille sur XD. C'est-à-dire que pour quelque chose qui doit me prendre 5 minutes, je vais en passer 15 !

C'est quelque chose que j'ai toujours fait et je continuerais à la faire : j'ai toujours préféré marquer moins de chose, mais marquer seulement ce que j'aime faire, et ce, pour quoi je serais heureuse de me lever le matin ! Tout le monde ne cherche pas le mouton à 5 pattes qui sait tout faire, beaucoup recherche une personne experte dans son domaine.

Contact

Dernière étape mais pas la moins importante : vos coordonnées de contact ! Indiquez comment votre lecteur peut vous joindre : e-mail, téléphone, site internet, calendrier en ligne, soyez clair !

3. Soigner son identité

Ici, je vais aborder deux points importants pour son portfolio :

• Photo de profil
• Logo

Photo de profil

Dans un premier temps et très rapidement, parlons de votre photo. C'est votre choix de l'afficher ou non et je ne vais pas chercher à vous convaincre de l'un ou de l'autre ! L'idée ici, c'est juste d'exposer des faits. Et même si la photo n'est pas obligatoire, votre lecteur ou recruteur préférera la voir.

💡 Les avantages à mettre sa photo.

Elle peut permettre de donner une image positive de vous à contrario de celle que votre lecteur peut trouver sur vos réseaux sociaux ! 😉 Votre photo fait partie de votre marketing et de votre communication, elle doit faire passer un message de confiance et d'authenticité, oubliez donc la photo d'identité toute stricte ! Dernier point, la photo va permettre à votre lecteur de mémoriser votre visage et donc par la même occasion votre portfolio.

⚠️ Les désavantages à mettre sa photo.

Ne pas mettre de photo vous permet de rester anonyme et que votre lecteur ne se concentre que sur votre travail et vos compétences. Votre lecteur va donc se fier uniquement à ce que votre portfolio dégage. Autre point, ne pas mettre de photo permet d'éviter la discrimination. Votre lecteur ne pourra pas vous juger par rapport à votre physique. Même si vous devez le savoir, je rappelle que la discrimination sur l’apparence physique est contraire à la loi et est sanctionnée par le Code du travail.

Logo

Votre logo, vous sert à vous identifier de la concurrence.

Avant de parler de logo, commençons par un constat. Les marques dont on retient le nom ont toutes un point en commun. Celui d’avoir une identité visuelle forte. Comme Apple ou Netflix par exemple.

Si vous souhaitez travailler sur votre logo, je vous conseille de lire cet article qui vous détaille les étapes importantes pour créer son logo. Mais, par expérience, je vous déconseille de vous lancer la dedans ! C'est très compliqué de créer son propre logo et de trouver une version qui nous satisfait. Cependant, vous pouvez passer par un professionnel, comme un graphiste. Chacun est bon dans un domaine d'expertise précis et travaille parce qu'il aime le faire et qu'il est passionné, donc un graphiste est le plus approprié pour créer votre logo.

Rapidement, je vous explique ce qu'il va vous apporter :

• Conseil et expertise : il ne va pas juste exécuter vos idées, il va vous conseiller sur vos choix et leur cohérence entre activité et apporte un regard extérieur au projet donc critique et moins dans l'émotionnel.
• Technique : il va vous donner des fichiers HD et dans les bons formats pour le web, l'impression ou les réseaux sociaux. Il peut vous accompagner dans la création de vos supports de communication.
• Délais : Super important !! Vous préférez passer plusieurs mois à travailler vous-même et à vous casser la tête sur votre logo ou avoir un logo professionnel fait en quelques jours ? Travailler avec un graphiste permet d'arrêter une idée finale : chose compliquée quand on fait son logo soi-même et je sais de quoi je parle !

À SAVOIR

Une fois qu'il a fini, il peut vous remettre - si ça fait partie de sa prestation - ce qu'on appelle une "charte graphique". Et quoi ? Qu'est-ce que c'est que ça encore ? La charte graphique va être un des documents fondateurs de votre communication. Autrement dit : c'est un document (souvent un gros .pdf) qui recense vos droits, vos devoirs et tout le respect que vous devez vous, vos collaborateurs et vos clients à votre logo. À partir de ce document, votre identité visuelle pourra être adaptée, déclinée et utilisée sur vos prochains supports et prestataires.

Quoi retenir de tout ça ?
Faire son identité et son site internet soi-même ça coûte beaucoup moins cher, mais le résultat n'est pas professionnel, pas durable dans le temps et surtout, mais facile à enrichir et à développer. C'est plus une contrainte qu'un avancement. Vous aurez pour la plupart à faire appel à un professionnel par la suite pour créer le tout : vous aurez donc perdu du temps pour le développement de votre structure.

4. Exemple de portfolio Social

Behance

Behance reste le plus accessible pour vous créer gratuitement un portfolio numérique ! C'est un des premiers réseaux sociaux créatif à travers le monde.

1️⃣ Création de votre portfolio

1. Créez-vous un compte gratuitement pour ensuite pouvoir créer des projets.
2. Ajouter au fur et à mesure vos meilleurs projets ce qui constituera à long terme un portfolio complet. Pour chaque projet, vous avez la possibilité de personnaliser la typographie, les couleurs, les fonds, ou encore les séparateurs. Votre page projet ressemblera à une page web avec un scroll.

2️⃣ Gagnez en visibilité

1. Ayez une présentation irréprochable et pas commune !
2. Renseignez le plus d'informations possible sur votre projet ? À savoir votre démarche, vos recherches, vos collaborateurs ou encore les possibles déclinaisons.
3. Écrivez vos textes en anglais pour avoir plus de visibilité et d'impact.

Attention ! Tous les projets qui comportent moins de 3 images ne vont pas être mis en avant par Behance.

3️⃣ Créez votre communauté

1. Votre objectif premier sur Behance c'est d'obtenir des commentaires et des likes de personnes importantes. Soyez créatif, contactez-les !
2. Catégorisez bien votre projet, ca va aider à sa visibilité. Choisissez une catégorie unique pour votre projet et une catégorie propre à votre domaine d'activité.
3. Publier de façon régulière, évitez de publier une fois de temps en temps quand vous y pensez ! Créez-vous un calendrier de publication et obligez-nous à le suivre. Je vous conseille un projet tous les quinze jours ou tous les mois !

Exemple de portfolio : motion designer

Exemple de portfolio : UX-UI designer

Instagram

Créez-vous un profil Instagram pour montrer une autre facette de votre portfolio !

Voici quelques conseils :

1️⃣ Réfléchissez en amont comment mettre en avant vos réalisations. En effet, Instagram est un réseau social qui met en avant le "beau". Un fois sur votre profil, votre lecteur doit pouvoir distinguer l'entièreté de votre travail mais surtout votre style.

2️⃣ Créez-vous un calendrier de publication. Autrement dit, vous devez savoir ce que vous publiez, avec quel texte, quel jour, à quelle date et avec quels hashtags (#). Documentez-vous sur les hashtags du moment et servez-vous en pour booster votre visibilité.

3️⃣ Créez un profil dynamique ! L'idée n'est pas de seulement poster des photos, mettez-les en forme, ajouter des éléments graphiques dessus et pourquoi pas du texte! Pensez aussi à alterner une photo avec un visuel plus graphique ou plus textuel, ça va donner du rythme à votre profil et ne pas lasser votre lecteur.

4️⃣ Ne laissez rien passer. Utiliser tous les outils d'Instagram. Privilégiez les story pour mettre en avant une nouvelle publication ou pour décrire ce que vous faite à l'instant présent. Utilisez des typographies ludiques sur votre profil et pour les descriptions de post.

Voici un exemple de portfolio d'une graphiste

Retrouvez ici un profil complet, dynamique et très instructif ! On y retrouve différents types de visuels : cotations, question/réponse, définitions, réalisations et bien d'autres ! L'univers de la marque se retrouve dans chaque visuels ou texte et c'est ça qui apporte de la force à votre marque.

Linkedin

Dernier réseau social dont je vais vous parler : Linkedin. Créez-vous un compte Linkedin propre : peu de métier n'en profite pas, on y trouve même des produits ou des artisans montrant leurs créations. Mais attention Linkedin n'est pas à utiliser comme un CV digital ! Rappelez-vous ! On vend quoi ? Son personal branding, pas son rapport de stage de 3ème. C'est ni plus ni moins que votre 1er site web ou la continuité avec vos autres réseaux sociaux.

Comme exemple, je vous mets mon profil Linkedin, il n'a rien de fou hein ! Par contre, je voulais vous monter les points essentiels à ajouter à votre profil :

• Une photo professionnelle, pas de selfie Snapchat 😉
• Une photo de couverture brandé avec votre logo ou du moins le logo de votre société
• Un titre de profil claire qui indique en quelques mots ce que vous faites et votre domaine d'activité.
• Une description travaillée décrivant vos points forts
• Une url public modifiée. Indiquer-y le nom de votre profil complet, évitez les url de profil du type : www.linkedin.com/in/anne-laure-compain254156812
• La session qui nous intéresse aujourd'hui : la sélection de contenu. Ici vous pouvez ajouter divers types de contenu pour vous mettre en avant. Vous avez au choix :
  • Posts que vous avez publiés sur Linkedin
  • Articles que vous avez publiés sur Linkedin
  • Liens vers du contenu web
  • Médias externes : images, présentation ou encore documents pdf

Personnellement, j'ai opté pour mon portfolio pdf et quelques publications.

• Des expériences sélectionnées, comme je vous l'ai dit plus haut, l'idée ce n'est pas de marquer tous vos stages ou vos jobs d'été ! Il faut montrer votre expertise dans votre domaine. Pour ma part, j'ai indiqué mes stages en graphisme, mes projets freelance en graphisme et surtout la création de mes entreprises pour montrer mon coté entrepreneur.
• Votre formation : école, diplôme, certification ...
• Et enfin vos compétences et recommandations. Si vous ajouter des compétences, des personnes avec qui vous avez travaillé peuvent vous recommander dessus. Ça apporte du poids à votre profil.

5. Exemple de portfolio pdf

Dans l'ensemble, le portfolio pdf demande les mêmes contraintes que tout autre portfolio. À l'exception d'une chose ! Le portfolio pdf n'a qu'une seule raison de vivre : être envoyé par e-mail ou téléchargé dans des formulaires de candidature. Il doit donc être optimisé pour l'envoi par e-mail et ne pas être trop lourd. Vous devez regrouper en un minimum de pages votre présentation et vos réalisations. Vous avez entre 10 et 20 pages pour être convaincant !

Voici quelques points à ne pas oublier lorsque vous créez votre portfolio pdf :

• Ajouter des numéros de page. S'il y en a qui se demandent pourquoi, et bien tout simplement parce que si vous avez à parler d'un projet en particulier avec votre lecteur, vous aurez juste à lui dire sur quelle page aller.
• Faire une première page graphique et colorée et surtout une dernière page encore plus impactant ! C'est la dernière chose que vos lecteurs verront donc il faut en mettre plein les yeux ! En plus, c'est sur cette page que, souvent, on met ses coordonnées de contact.

Si vous ne savez pas comment faire votre portfolio en pdf, voici 2 exemples d'outils super pratiques :

• Flipsnack
• Slidesgo

6. Exemple de portfolio web

Et si on parlait maintenant des portfolios web ! He oui, avoir son portfolio en ligne c'est quand même top, même si, à titre personnel, j'ai eu des recruteurs qui m'ont dit "Désolé mais nous n'acceptons que les candidatures avec un portfolio pdf". Comment vous dire, c'est frustrant ! Enfin bref, passons !

Si on part du principe que vous avez déjà votre identité et vos réseaux sociaux de lancés, la création de votre portfolio web sera un jeu d'enfant ! En effet, étant donné que votre identité a été établie, vous savez quelles couleurs, typographies et style graphique vous souhaitez pour votre site. Ensuite grâce à vos divers réseaux sociaux, vous allez avoir des backlinks, c'est-à-dire des liens externes qui dirigent vers votre site internet. Vous avez aussi déjà un nombre important de visuels qui peuvent resservir pour votre site internet.

Maintenant, il vous reste à savoir comment faire votre site ! Par quoi passer ? Comment le faire simplement ? Quels outils utiliser pour que ce soit pratique d'ajouter régulièrement des réalisations ?

Avant de vous parler d'un outil que j'affectionne tout particulièrement, je veux juste insister sur un point. N'oubliez pas que vous allez devoir mettre à jour le contenu de votre portfolio web très régulièrement. Et qu'un projet que vous trouvez top aujourd'hui, ne le sera peut-être plus demain parce que vous en aurez fait un mieux ! Il vous faut donc une solution pratique pour ça. Ne vous lancez pas dans la conception d'un site internet par vous-même ou un site internet personnalisé réalisé par un développeur. Vous allez sans cesse devoir lui demander de modifier images et textes, et cela, vous coûtera, au final, beaucoup d'argent.

Prenons le cas de mon portfolio. Je l'ai réalisé grâce à Snoweb CMS. Je sens qu'une question arrive dans votre tête, qu'est ce que c'est un CMS ? Comme vous le savez, il existe de nombreuses plateformes avec lesquelles on peut créer un site internet. Et bien ces plateformes on les appelle dans le jargon des “CMS” pour Content Management System.

Grâce à un CMS, la création de site web est très simple et ne nécessite plus nécessairement des compétences techniques. Snoweb CMS, par exemple ne demande aucune connaissance technique.

D'ailleurs l'article que vous êtes en train de lire a été fait avec Snoweb CMS.

Voici quelques avantages à faire son portfolio sur un CMS :

• Ajouter vos images et vos SVG en un clic. Petit plus, triez-les dans des collections pour mieux vous y retrouvez. Vos images seront optimisées automatiquement par le CMS pour garantir un site internet optimisé pour Google.
• Ajouter les éléments de votre marque : votre logo, mais pas que ! Ajoutez aussi vos palettes de couleur simplement pour que votre site soit cohérent avec le reste de votre communication.
• Rédigez vos textes simplement et mettez-les en forme en quelques clics. Vous pouvez jouer sur la graisse, la taille ou la forme de vos textes.
• Ajoutez des formulaires de contact ou de newsletter ou vous le souhaitez : en haut, au milieu ou en bas de page !
• Ajoutez un nombre infini de pages à votre site internet
• Créez une page de réalisation "template" et dupliquez là pour gagner du temps. Vous n'aurez ensuite qu'à modifier le texte et les images !
• Avancez-vous ! Créez des pages et mettez les en brouillon, vous les publierez en temps voulu
• Mettez en ligne votre blog : créez des articles, ajoutez des optimisations de référencement et publiez-les.
• Visez l'international ! Passez votre portfolio en plusieurs langues et gérez vos pages distinctement.
• Facilitez la prise de rendez-vous. Connectez un agenda en ligne comme Calendly à votre site internet.
• Bénéficiez des meilleures optimisations du moment pour votre SEO ou référencement naturel
  • Metadonnées
  • Structure des liens
  • Génération de sitemap
  • Ajout de schémas enrichis
  • Redirection de page

Voici quelques blocs super pratiques que vous pouvez utiliser pour votre portfolio et que je vous montre juste en dessous !

• CV
• Galerie
• Contenu
• Feature

Quelques exemples de portfolio web

Exemple Portfolio Agence web

7. Exemple de portfolio papier

Très en vogue pour dans certains domaines créatifs, le portfolio papier revient à la mode un peu partout ! Étant donné qu'aujourd'hui on est envahi par les écrans et que toute communication se fait comme ça, donner un portfolio papier à un recruteur peut littéralement changer la donne. Tout d'abord, il va se souvenir de vous parce que vous n'avez pas fait comme les autres, vous avez fait l'effort de faire un portfolio et surtout de l'imprimer. Ensuite, parce que c'est toujours très agréable de voir des travaux imprimé en haute définition, tel un magasine.

Cependant, il y a certaines choses à ne pas oublier :

• Privilégiez les formats A4 (21x29,7cm) et A3 (29,7x42cm) qui sont faciles à transporter et à parcourir. L'orientation à la française (verticale) ou à l'italienne (horizontale) reste un choix esthétique. Le format carré est très chic mais pas simple à mettre en page, mais si vous vous lancez dans ce format partez sur une taille supérieure ou égale à 21x21cm.
• Imprimer toujours plusieurs exemplaires ! Je vous conseille d'en imprimer 4 pour chaque entretien. Pourquoi 4 ? Et bien, un pour le recruteur, un pour votre futur supérieur, un pour une éventuelle autre personne et surtout un pour vous.
• Amusez vous sur les textures et sur le choix de votre papier. Il existe de nombreux papiers différents (épais, à grain, irisés, etc) alors ne vous privez pas ! Le but du portfolio je vous le rappelle c'est de vous démarquer et de vous représentez alors mettez le paquet !

Reliez vos pages de votre portfolio, il n'y a rien de plus désagréable que de parcourir des feuilles volantes ! Voici quelques indications sur les reliures :

• Points métalliques (comme les carnets) : pour un maximum de 68 feuilles
• Dos carré collé (comme les livres) : pour un minimum de 40 feuilles
• Spirale : attention, le rendu peut paraitre scolaire et peu qualitatif
• Dos cousu (comme les magasines) : pour un minimum de 48 feuilles

Astuces : pour l'impression, il faut que le nombre de pages de votre portfolio soit un multiple de 4 ! Enfin utilisez un format couleur CMJN en 300 dpi