Portfolio : exemples de mise en page et de 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 page.

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 enlevez-vous à votre client ?
• COMMENT ? Quelle offre de services proposez-vous et quel est le champ d’intervention de votre prestation (à distance, chez le client...) ?
• QUOI ? Quels avantages apportez-vous par rapport à vos concurrents ?
• DE QUELLE MANIÈRE ? Quels sont les atouts de votre personnalité et les valeurs à mettre en avant ?

Réalisations

En ce qui concerne vos réalisations, ne présentez que le meilleur et pas seulement des projets concrets ! Je ne parle pas 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 les 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 collaborations éventuelles 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 en 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 êtes sociable et que vous savez vous adapter à la situation.

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

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

Pensez aussi à vos clients. Comme pour les réalisations, ne présentez que les meilleurs. Il ne s’agit pas de montrer uniquement des grands comptes. 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. Cela rassurera 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 voie visuellement ce que vous maîtrisez 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 maîtrise les logiciels Illustrator, Photoshop, After Effects, Premiere 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 serai 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 continuerai à le faire : j’ai toujours préféré marquer moins de choses, mais n’indiquer que ce que j’aime faire, et ce, pour lequel je serais heureuse de me lever le matin ! Tout le monde ne cherche pas le mouton à 5 pattes qui sait tout faire, beaucoup recherchent 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, à l’inverse 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, par la même occasion, votre portfolio.

⚠️ Les désavantages à mettre sa photo.

Ne pas mettre de photo vous permet de rester anonyme et fait 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 distinguer 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 là‑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 sur leur cohérence avec votre activité, et apporter un regard extérieur au projet, donc plus critique et moins é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 cela 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 ce que vous, vos collaborateurs et vos clients devez respecter concernant votre logo. À partir de ce document, votre identité visuelle pourra être adaptée, déclinée et utilisée sur vos prochains supports et par vos prestataires.

Quoi retenir de tout ça ?
Faire son identité et son site internet soi‑même coûte beaucoup moins cher, mais le résultat n’est pas professionnel, n’est pas durable dans le temps et, surtout, pas 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 tout créer : 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 créer gratuitement un portfolio numérique ! C’est un des premiers réseaux sociaux créatifs à travers le monde.

1️⃣ Création de votre portfolio

1. Créez un compte gratuitement pour pouvoir ensuite créer des projets.
2. Ajoutez 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 défilement.

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 déclinaisons possibles.
3. Écrivez vos textes en anglais pour avoir plus de visibilité et d’impact.

Attention : tous les projets comportant moins de 3 images ne seront pas 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, ça va aider à sa visibilité. Choisissez une catégorie unique pour votre projet et une catégorie propre à votre domaine d’activité.
3. Publiez de façon régulière : évitez de publier une fois de temps en temps, uniquement quand vous y pensez ! Créez un calendrier de publication et obligez-vous à le suivre. Je vous conseille de publier un projet tous les quinze jours ou une fois par mois !

Exemple de portfolio : motion designer

Exemple de portfolio : designer UX/UI

Instagram

Créez 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 ». Une fois sur votre profil, votre lecteur doit pouvoir distinguer l’intégralité de votre travail, mais surtout votre style.

2️⃣ Créez 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 seulement de poster des photos : mettez-les en forme, ajoutez 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. Utilisez tous les outils d’Instagram. Privilégiez les stories pour mettre en avant une nouvelle publication ou pour décrire ce que vous faites à l’instant présent. Utilisez des typographies ludiques sur votre profil et pour les descriptions de posts.

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 : citations, questions/réponses, définitions, réalisations et bien d’autres ! L’univers de la marque se retrouve dans chaque visuel ou texte, et c’est cela 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étiers n’en profitent 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 3e. C’est ni plus ni moins que votre 1er site web ou la continuité avec vos autres réseaux sociaux.

Comme exemple, je vous donne mon profil LinkedIn ; il n’a rien de fou, hein ! Par contre, je voulais vous montrer les points essentiels à ajouter à votre profil :

• Une photo professionnelle, pas de selfie Snapchat 😉
• Une photo de couverture brandée avec votre logo ou du moins le logo de votre société
• Un titre de profil clair 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 publique modifiée. Indiquez-y le nom de votre profil complet, évitez les URL de profil du type : www.linkedin.com/in/anne-laure-compain254156812
• La section 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ésentations 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 n’est pas de mentionner 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 côté entrepreneur.
• Votre formation : école, diplôme, certification…
• Et enfin, vos compétences et recommandations. Si vous ajoutez des compétences, des personnes avec qui vous avez travaillé peuvent vous recommander. Ç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, eh bien, tout simplement parce que si vous avez à parler d’un projet en particulier avec votre lecteur, vous n’aurez qu’à lui indiquer sur quelle page aller.
• Faire une première page graphique et colorée et surtout une dernière page encore plus impactante ! C’est la dernière chose que vos lecteurs verront, donc il faut en mettre plein les yeux ! De plus, c’est souvent sur cette page que l’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 ! Eh 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 déjà 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 dans la création d’un site internet personnalisé réalisé par un développeur. Vous allez sans cesse devoir lui demander de modifier les images et les 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 qu’un CMS ? Comme vous le savez, il existe de nombreuses plateformes avec lesquelles on peut créer un site internet. Eh bien, ces plateformes s’appellent, dans le jargon, des « CMS » (Content Management System).

Grâce à un CMS, la création de site web est très simple et ne nécessite plus de 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é réalisé 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 retrouver. 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 couleurs 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 où 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‑la pour gagner du temps. Vous n’aurez ensuite qu’à modifier le texte et les images !
• Anticipez ! 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
  • Métadonnées
  • Structure des liens
  • Génération de sitemap
  • Ajout de schémas enrichis
  • Redirections de pages

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

• CV
• Galerie
• Contenu
• Feature

Quelques exemples de portfolios web

Exemple de portfolio d’agence web

7. Exemple de portfolio papier

Très en vogue dans certains domaines créatifs, le portfolio papier revient à la mode un peu partout ! Étant donné qu’aujourd’hui on est envahis 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 se souviendra de vous, parce que vous n’avez pas fait comme les autres : vous avez pris la peine de réaliser un portfolio et surtout de l’imprimer. Ensuite, c’est toujours très agréable de voir des travaux imprimés en haute définition, tel un magazine.

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

• Privilégiez les formats A4 (21 × 29,7 cm) et A3 (29,7 × 42 cm) 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 ; si vous vous lancez dans ce format, optez pour une taille supérieure ou égale à 21 × 21 cm.
• Imprimez toujours plusieurs exemplaires ! Je vous conseille d’en imprimer 4 pour chaque entretien. Pourquoi 4 ? Eh bien : un pour le recruteur, un pour votre futur supérieur, un pour une autre personne éventuelle, 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ésenter, alors mettez le paquet !

Reliez les 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 paraître scolaire et peu qualitatif
• Dos cousu (comme les magazines) : 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