Exemples de portfolios de conception UX

La plupart des sites proposent un court index des projets en page d'accueil, suivi d'une page dédiée à chaque étude de cas. On y trouve généralement entre trois et cinq projets. L'index comprend une vignette, le nom du projet et un bref résumé du problème. Les pages consacrées aux études de cas sont plus longues et mêlent captures d'écran, diagrammes et explications écrites. Consultez les exemples interactifs sur cette page pour observer la structure récurrente dans différentes spécialisations.

Des études de cas présentant un problème et un résultat clairement définis, une brève section « À propos » expliquant le type de projets que vous recherchez, et des coordonnées accessibles depuis chaque page. Les portfolios de conception de produits détaillent généralement les contraintes : les besoins de l’entreprise, les produits livrés et ceux qui ont été abandonnés. Les outils de processus tels que les personas et les parcours utilisateurs sont facultatifs et constituent rarement un critère d’embauche.

Trois à cinq études de cas, bien présentées, valent mieux que dix résumées. Un examinateur qui analyse six candidatures n'ouvrira qu'une ou deux études de cas par portfolio ; la profondeur du premier projet compte donc plus que leur nombre total. Supprimez tout ce sur quoi vous ne souhaiteriez pas être interrogé en entretien.

Aller droit au but. Un bon portfolio UX présente le problème dès la première page d'une étude de cas, expose la contrainte qui a rendu sa résolution difficile et détaille les solutions apportées. Les portfolios médiocres s'ouvrent sur une animation spectaculaire et relèguent le raisonnement à quatre pages plus bas. Les meilleurs exemples de cette page suivent ce schéma, quel que soit le modèle utilisé.

Un portfolio d'interface utilisateur (UI) est jugé sur la qualité de sa réalisation : typographie, espacement, couleurs, systèmes de composants et cohérence des écrans. Il peut privilégier l'aspect visuel au détriment du contenu écrit. Un portfolio d'expérience utilisateur (UX) est jugé sur le raisonnement et nécessite une étude de cas écrite pertinente. De nombreux designers publient un site unique qui combine les deux, mettant en avant leurs travaux visuels et proposant des liens vers des études de cas complètes.

Le point de vue évolue : on passe du problème de l’utilisateur au problème de l’entreprise. Les exemples de portfolios de conception de produits mettent généralement en avant l’indicateur qui a évolué, le compromis réalisé et les restrictions de périmètre imposées par la mise en production. Les portfolios d’expérience utilisateur, quant à eux, insistent davantage sur la méthode de recherche. La structure du site est généralement identique : un court index, suivi de longues études de cas.

La plupart des postes de recherche en exigent un, et il est généralement plus difficile à constituer que celui d'un designer. Un portfolio de recherche comprend la méthodologie, l'échantillonnage, la synthèse et la décision que les travaux ont influencée, avec beaucoup moins de captures d'écran à présenter. La protection par mot de passe est utile, car les données brutes de l'étude sont souvent publiables.

Oui. Pixpa Chaque formule inclut une protection par mot de passe pour l'ensemble du site ou pour des pages individuelles. Ainsi, une étude de cas peut être protégée par un mot de passe que vous partagez avec un recruteur, tandis que le reste du portfolio demeure public. Les concepteurs anonymisent également le client, floutent les données réelles et décrivent le problème sans mentionner le nom du compte.

Oui. Pixpa Chaque forfait inclut un bloc HTML, JS et CSS intégrable par glisser-déposer, ainsi que l'injection de code au niveau de la page. Vous pouvez ainsi intégrer directement du code Figma, un prototype Framer, une présentation Loom ou un CodePen dans une page d'étude de cas. Le CSS personnalisé est également inclus dans chaque forfait ; le modèle sert donc de point de départ plutôt que de mise en page fixe.