Meilleurs portfolios

15 portfolios incontournables pour trouver l’inspiration

Besoin d’inspiration pour créer votre portfolio ?

Vous trouverez ici une sélection des meilleurs portfolios du moment par des designers talentueux, créatifs et audacieux.

La sélection de ces portfolios est basée sur nos goûts et peut être évolutive et différente selon vos propres perceptions ! De quoi vous donner quelques éléments graphiques pour faire ou refaire votre portfolio et le rendre encore plus efficace.

Pour être efficace, le portfolio doit avant tout servir votre travail. C’est pourquoi nous avons cherché des designs qui soient au service de la compréhension du contenu : les détails et la simplicité avant tout.

PS : Retrouvez, après ces exemples, tous nos conseils pour vous lancer dans la création de votre portfolio en ligne ou la refonte de celui-ci !

Préparez bien vos yeux et vos rétines.

On y va !

On ouvre grand nos mirettes, et on se laisse inspirer … C’est parti pour notre sélection des meilleurs portfolios !

Portfolio en ligne de Tao Tajima

Portfolio de Tao Tajima

Site internet : http://taotajima.jp/works/mtv-ultrahits/

Tao Tajima est un vidéaste qui présente ses projets vidéos sur son portfolio, qui vous l’aurez bien compris est axé sur ce média.

Vous arrivez avec un loader discret qui permet de charger l’ensemble du site internet et ensuite vous allez pouvoir naviguer entre les projets sans grandes difficultés. Une réelle prouesse technique.

Le travail sur la police est également bluffant avec une animation de vague sur la typographie au scroll entre chaque projet.

Portfolio en ligne

Portfolio de l’agence digitale Adoratorio

Site internet : https://adoratorio.studio/slam

Le portfolio de l’agence italienne Adoratorio est simplement un bijou visuel, qui reprend à merveille une mise en page cassée, déstructurée avec un carrousel présentant leurs projets, qui défile par rapport à la souris.

La police utilisée Gordita est très élégante et est un mélange entre la Gotham et la Futura.

Les titres ont également un effet déstructuré puisqu’ils sont coupés en deux et défilent en fonction du carrousel. Brillant !

Le hover sur la souris a été également revu avec un effet sur le titre et un cercle qui grossit en fonction du temps où vous restez sur l’image. Une animation réellement unique pour un slider de portfolio.

Book en ligne d'Andre Ribeiro

Portfolio du webdesigner Andre Ribeiro

Site internet : https://andreribeiro.co/

Attention à vos yeux, un vrai bijou de portfolio avec une tendance de 2018, une mise en page déstructurée avec une typographie qui chevauche sur les visuels des projets. On adore chez Orson ce type de typographie très lisible et impactante.

Andre Ribeiro a apporté un vrai travail sur les animations entre les projets avec des effets à chaque fois différents pour mettre en valeur chacun de ses projets.

Au chargement des pages projets, un loader pleine page nous fait patienter pendant le chargement de l’ensemble du contenu qui est assez dense. Le contenu s’affiche au fur à mesure du scroll avec une animation subtile.

Portfolio du studio de création digitale Active Theory

Site internet : https://activetheory.net/home

Ce portfolio nous plonge immédiatement dans l’atmosphère particulière d’Active Theory. Un écran nous mène au cœur d’une ville presque apocalyptique, faisant défiler les projets de ce studio créatif.
Les catégories sont placées subtilement sur le côté de l’écran afin d’être visibles sans être envahissantes. Lorsque vous cliquez sur l’onglet Work, vous voyez apparaître tous les projets réalisés par Active Theory.

Ces projets ne sont pas affichés sur une page différente et laissent l’ambiance de départ en fond visuel. Ainsi, le spectateur n’est pas coupé de l’ambiance créée par Active Theory, où qu’il soit dans le site.

Pour cela, avoir créé une atmosphère relativement foncée est judicieux : les titres peuvent apparaître en couleur claire et sont tout à fait visibles, tout en laissant transparaître le paysage sombre à l’arrière.

Portfolio du directeur artistique Thiébault Delaporte-Richard

Site internet : http://www.thieb.co/

Cocorico, voici parmi la sélection un portfolio du directeur artistique Thiébault Delaporte-Richard, minimaliste et élégant. Sur fond noir, on retrouve un slider qui crée une mise en page déstructurée avec une typographie Gotham des plus lisibles, malgré une taille de texte relativement petite.

On aime beaucoup les transitions entre les projets sans chargement, ni loader, ce qui donne un sentiment de fluidité. Ce portfolio utilise également un effet au scroll pour afficher le contenu du site progressivement.

Portfolio en ligne

Portfolio de l’agence digitale Femme Fatale

Site internet : https://www.femmefatale.paris/en

Le prochain dans notre liste des meilleurs portfolios a été simple à trouver : le portfolio du studio créatif Femme Fatale. Fatal tout simplement.

Arrivé sur la page d’accueil du site internet, on est tout de suite captivé par l’animation des textes qui se croisent et qui racontent une vraie histoire. L’affichage des projets met en valeur la typographie Serif en grand, une autre des grandes tendances design de 2018.

On retrouve une nouvelle fois un scroll reveal tout au long des projets et qui se termine par un dernier écran pour naviguer au projet suivant.

Portfolio du digital designer Robin Mastromarino

Site internet : http://robinmastromarino.com/

Le portfolio du designer Robin Mastromarino propose une ambiance colorée dès la page d’ouverture. En effet, le visiteur consulte directement l’un des derniers projets en date du designer, ici Seeds of dreams.

Le fait d’avoir sélectionné ce projet avec un fond relativement uni permet de mettre en valeur le fonctionnement de la navigation du portfolio.

En effet, nous pouvons facilement voir les réseaux sociaux, le défilement des pages et les catégories du portfolio.

D’ailleurs, le défilement des différents projets se fait soit grâce aux petits points en bas à droite, soit grâce à un scroll de la souris. Cela donne un effet de carrousel arrondi, déformant légèrement les images.

En somme, une façon très originale de présenter ses différents projets.

Portfolio du designer Aristide Benoist

Site internet : https://www.aristidebenoist.com

Last but not least, voici le fabuleux portfolio du designer Français Aristide Benoist, qui est un condensé de détails sublimes avec des animations qui s’enchaînent à l’instar d’une vidéo.

Le chargement du site internet prend un peu de temps, mais le résultat en vaut clairement le coup. Chaque projet est construit de manière déstructurée, mais qui finalement donne un rendu carré avec des textes et un menu qui entourent l’ensemble du site internet. Un vrai régal visuel.

Chaque projet est présenté sous forme de vidéos, ce qui apporte plus de dynamisme et de compréhension sur sa compétence principale, l’animation web.

Enfin, que dire du menu situé en haut à gauche du site web, simple et élégant. La navigation entre les projets est fluide sans interruption alors que des vidéos sont chargées. Une belle prouesse technique.

On espère que cette sélection très personnelle de book en ligne et portfolios vous a plu ! On retrouve des styles très différents et finalement propres à chaque designer ou créatif.

Une vraie source d’inspiration !

Si vous êtes freelance, indépendant, agence, designer, graphiste et que vous n’avez pas encore votre portfolio pour présenter vos projets, commencez dès aujourd’hui, soit en le codant vous-même soit en passant par un éditeur en ligne de portfolio.

Comment créer le meilleur portfolio ?

Si vous êtes là, c’est que vous êtes, comme nous, un passionné de web design. 

Peut-être même, êtes-vous un pro du graphisme web : vous avez fait de ce hobby, votre métier tout simplement.

Que vous soyez dans cette situation, ou simple aficionado, ou encore dans un autre cas de figure, voici quelques petites astuces, pour réaliser un portfolio qui pourra rivaliser avec ceux de cet article. 

Et ce n’est pas peu dire !

Checklist pour un portfolio efficace 

Pour être sûr de faire un book en ligne efficace, assurez-vous d’avoir checké tous les points de cette liste :

  • Sélection de vos réalisations. Montrez le meilleur de vous-même, la crème de la crème, en mode échantillonnage : la sélection doit être riche et variée. Et n’oubliez pas de demander les autorisations ad hoc à vos anciens clients.
  • Actualisation de votre portfolio. Un book à jour, ça fait quand même plus professionnel, et cela montre aux visiteurs souhaitant travailler avec vous que vous êtes toujours en activité et prêt à être contacté.
  • Promotion ad libitum ! Créer un beau portfolio, oui ! Mais, encore faut-il le faire connaître au reste du monde !

Utilisez les réseaux sociaux, participez à des débats, des discussions ou des interviews sur le web, faites du guest-blogging, donnez votre adresse web autour de vous…

Bref, ne ratez jamais une occasion de parler de vous.

Faites attention aux éléments suivants, lors de la conception d’un book en ligne :

  • Protégez bien vos fichiers. Attention aux copieurs qui sévissent sur le web.
  • N’oubliez pas les contenus textes : essentiels pour votre référencement !
  • Ne négligez pas la clarté au profit d’effets graphiques innovants, ou de n’importe quoi d’autre d’ailleurs.

C’est un réel enjeu d’être visible dès maintenant : alors on se lance, c’est parti !

Frédérique Biau

Traductrice et Rédactrice autour des Nouvelles Technologies et du Web. Frédérique est en charge de partager nos astuces avec l'art et la manière !