À quand remonte la dernière fois que vous avez mis à jour votre portefeuille de conception? (Si vous êtes comme moi, cela fait probablement longtemps.) Conserver un nouveau portefeuille est un bon moyen de montrer vos compétences à des clients potentiels et peut être utile lorsque vous regardez en arrière pour des inscriptions au concours annuel.
Si vous avez pris du retard dans la conception de votre portefeuille ou si vous avez simplement besoin d'un nouveau portefeuille, c'est une excellente occasion de créer quelque chose à l'aide de techniques et d'éléments visuels à la mode.
Un portefeuille moderne utilisant les tendances du design peut faire bonne impression. Non seulement une bonne conception de portefeuille peut montrer votre travail et ce que vous faites, mais le portefeuille lui-même est également une représentation de vos compétences - alors concevez judicieusement! Voici un aperçu de certaines de nos tendances en matière de conception de portefeuille préférées pour 2018.
Beaucoup d'espace
Le portefeuille de Lotta Nieminen est un exemple parfait de cette conception en action. Quelque chose qui est apparu dans plus de conceptions à travers le conseil d'administration fait également son chemin dans la conception de portefeuille - beaucoup d'espace entre les éléments et les objets.
Cette tendance semble bien enracinée pour garantir que les éléments soient séparés de manière appropriée sur les appareils mobiles et qu'ils disposent de beaucoup d'espace tactile, mais l'espace supplémentaire peut également être superbe sur les écrans de bureau. (D'accord, j'ai toujours été fan de l'espace blanc.)
Le portefeuille de Lotta Nieminen est un exemple parfait de cette conception en action. L'en-tête super profond occupe plus du tiers de l'écran, tandis que l'espace vertical et horizontal entre les images du portefeuille est très large. Chaque élément est indépendant et l'espacement exagéré confère à chaque projet une marge de manœuvre indépendante, ce qui peut s'avérer particulièrement intéressant pour une conception de portefeuille offrant le potentiel nécessaire à de nombreux types d'images.
Grande typographie
Une typographie et une langue fortes peuvent constituer une introduction parfaite à votre travail (et à votre portefeuille). La plupart des gens connaissent probablement Tobias van Schneider comme concepteur ou podcasteur, mais vous attendriez-vous à ce que la page d'accueil de son portfolio soit principalement composée de texte?
La typographie et le texte font partie des éléments de conception les plus souvent négligés lors de la planification d'un projet ou d'un portefeuille. La plupart d'entre nous sont tellement préoccupés par les visuels ou l'animation.
Cet exemple montre pourquoi tant de concepteurs optent pour des portefeuilles dotés d'une typographie puissante. Cela donne le bon ton - vous savez ce qu'il fait et de quoi le site parle - avant d'entrer dans les visuels les plus profonds. (Cette option souligne également sa force pour les conceptions comportant beaucoup de texte.)
Navigation animée en plein écran
Pendant un certain temps, de nombreux concepteurs ont opté pour des portefeuilles d’une page. Cela revient à des projets de plusieurs pages avec une torsion - le manque de navigation traditionnelle.
La page d’accueil sert de navigation pour les projets individuels et les pages comportant des effets d’animation afin de créer une expérience plus immersive et totalement interactive pour les utilisateurs.
Il établit une belle UX qui peut donner envie à un client de voir une technique similaire et constitue un bon moyen de mettre en valeur votre capacité à créer dans un espace numérique, même si tous les éléments de votre portefeuille ne reflètent pas cela.
Design inspiré par le minimalisme
La meilleure chose à propos d'un portefeuille inspiré par le minimalisme est qu'il donne au design beaucoup d'espace pour briller. La conception du portefeuille actuel devient relativement invisible, de sorte que l'accent est mis sur les éléments que vous souhaitez que les gens voient.
Le designer Shawn Park a récemment expliqué comment il modifiait son portefeuille chaque année pour UX Collective - je vous recommande vivement de lire cet article ici - et le design actuel (ci-dessus) montre une évolution des tendances du design en soi.
Park inclut des itérations de la conception de son portefeuille dans la publication, à compter de 2013, et vous pouvez voir l'impact des tendances en matière de conception sur son portefeuille. Vous pouvez également voir comment ce style minimaliste permet de voir son travail plus facilement aujourd'hui que lors d'incarnations précédentes.
Superpositions de couleurs
Le portefeuille de Heather Shaw fonctionne parce que chaque projet est très différent, mais les superpositions de couleurs confèrent à la page d'accueil une impression de connexion. La page d’accueil est l’un des aspects les plus difficiles de la création d’un portefeuille. Comment prévisualisez-vous les sections de travail ou de projet de manière à inciter les utilisateurs à cliquer réellement?
La réponse pourrait être de masquer partiellement le travail. L'utilisation de superpositions de couleurs intéressantes sur les liens de prévisualisation peut constituer un moyen visuellement attrayant d'encourager les clics sur des projets individuels. Cela préservera l'apparence et le style de votre page d'accueil avec différentes sections du site Web, garantira qu'une page n'est pas trop lourde et trop lente à charger et fournira l'occasion de mettre en évidence un élément du projet avant le clic.
Le portfolio de Heather Shaw, ci-dessus, fonctionne parce que chaque projet est très différent, mais les superpositions de couleurs confèrent à la page d'accueil une impression de connexion. L'utilisateur sait également quel type de projet il est sur le point de visualiser grâce aux étiquettes avec le nom du client et le type de projet. C'est un format très navigable et facile à comprendre qui fait appel visuellement.
Grilles Modulaires
L’utilisation de grilles modulaires pour mettre en valeur les projets est une tendance qui semble ne jamais disparaître. C'est une excellente option - et fonctionnelle - parce que vous pouvez «flotter». images de différents projets sur une seule toile.
Kimi Lewis fait quelque chose d'un peu différent avec son portfolio, ci-dessus. Plutôt que de présenter un grand nombre de petits blocs de projets de portefeuille, cette conception est un gros projet. Il mélange et fait correspondre des images horizontales plus longues et plus carrées dans une grille surdimensionnée.
Les utilisateurs ont une bonne idée de chaque projet dès le début. Ajoutez les images de grille surdimensionnées à un espacement exagéré entre les éléments. Ce portefeuille est peut-être l’un des plus faciles à digérer que je connaisse depuis longtemps. Il existe également une animation de survol sur chaque image avec le nom du client et le type de projet pour fournir des informations supplémentaires avant de cliquer.
Présentation simplifiée du projet
Et puis il y a le côté opposé du spectre - des portefeuilles qui ont une apparence et une convivialité plus simples. Il peut être avantageux de ne montrer que quelques projets.
Cela garantit que les utilisateurs ne voient que ce sur quoi vous voulez qu'ils se concentrent et ne vous laissez pas distraire.
Stefanie Bruckler utilise également un format de grille de module, mais avec moins d'éléments dans un espace plus confiné. De plus, tout se trouve sous le parchemin principal, qui présente un design minimaliste de style carte de visite.
Il a un look raffiné et élégant, donnant un ton distinct au travail de ce designer.
Conclusion
Vous n'êtes toujours pas prêt à repenser votre portefeuille? Bien qu'il s'agisse d'un projet créatif, il s'agit également d'un investissement dans votre entreprise, que vous travailliez pour une entreprise ou en tant que pigiste.
Il y a tellement d'entreprises commerciales et de références qui commencent en ligne, où des clients potentiels vous recherchent avant même de savoir qu'ils existent. Un portefeuille moderne et branché avec vos meilleurs projets peut faire une forte première impression.