.design .design

Conseils design de portfolio WordPress directement depuis la source

Quels sont les ingrédients d’un bon portfolio WordPress ? Nous avons interviewé un designer graphiste de la team Undsgn.

Que faut-il pour créer un portfolio WordPress qui soit facile à explorer, agréable à l'oeil, et avec lequel vous obtenez de nouveaux prospects, clients ou abonnés ? J’ai pensé qu'il serait peut-être préférable d'aller directement demander à un expert. J’ai donc échangé avec Damiano, designer et cofondateur de Undsgn, une fonderie de thèmes WordPress permettant de créer facilement tout type de site Web : galerie, blog, e-commerce, portfolio avec un support technique 24/7. Voici les conseils de Damiano pour créer un portfolio qui se démarque de la concurrence :

Exemple de liste de projets – Thème WordPress portfolio Uncode
Exemple de liste de projets – Thème WordPress portfolio Uncode

Votre portfolio doit être votre pitch

Avant d'examiner la partie technique, je pense que l’éditorial est l’aspect le plus important. Comment vous vous présentez et comment voulez-vous que votre travail soit perçu par les visiteurs ? Occupez-vous après de la mise en page. Les tendances vont et viennent, et ces derniers temps, les sites Internet portfolio ont tendance à peser lourds en contenu riche (images  et vidéos) et à être assez légers sur le contexte des projets.

Vous avez 30 secondes pour séduire le visiteur.

Quand un recruteur ou des potentiels clients visitent votre portfolio en ligne, il doit y avoir aucune confusion sur ce que vous faites. Votre page d'accueil doit être une combinaison d’un logo, d’un slogan, d’une liste des services que vous proposez, et une introduction concise de vos qualifications.

Je vous conseille de mettre en place une section “A propos” proposant un peu plus de profondeur au sujet de vos expériences professionnelles – n’écrivez pas votre autobiographie.

Votre “Contactez-moi” doit être présent sur l’ensemble de vos pages et doit fournir un moyen facile et simple d'entrer en contact avec vous, que ce soit en remplissant un formulaire ou simplement via une adresse e-mail / numéro de téléphone.

A explorer : Collection de design de sites internet pour votre inspiration

Le point essentiel dans tout bon portfolio est de définir clairement et de communiquer tout ce qui est nécessaire à un employeur ou à un client potentiel de la manière la plus concise et marquée possible. Rappelez-vous, un portfolio est une plate-forme pour afficher votre créativité, néanmoins ce n’est pas quelque chose à faire trop créatif – entendez mignon.

Ne passez pas des semaines à polir le design de votre portfolio, la réelle valeur ajoutée est le travail et les compétences que vous mettez en scène. Afin d’accélérer la création de votre portfolio, Il existe des outils qui peuvent rendre la conception de votre folio à la fois concise et créative. Le thème WordPress multi-fonctions Uncode proposé par Undsgn est un excellent moyen de mettre rapidement en ligne votre portfolio tant attendu.

Exemple landing page – Thème WordPress portfolio Uncode
Exemple landing page – Thème WordPress portfolio Uncode

N’oubliez pas le mobile

Je ne vous apprends rien en disant que le mobile est très important. Néanmoins, il est fort probable que de plus en plus de vos visiteurs fassent défiler votre site sur leur téléphone, et non sur leur ordinateur.

Ne concevez pas uniquement votre portfolio en ayant à l’esprit que les grandes résolutions. La plupart de vos clients n’ont pas le dernier iMac 27 pouces. Pensez votre design pour tout type d’écran et de résolutions en proposant une harmonie au niveau de l’expérience de navigation et des composants de l’interface.

Exemple landing page mobile – Thème WordPress portfolio Uncode
Exemple landing page mobile – Thème WordPress portfolio Uncode

Les templates : c’est bien mais ce n’est que le début

Nous avons pensé le thème WordPress Uncode tel une toile vierge. Tous les outils sont à votre disposition pour pousser le thème dans ses retranchements. Je me surprends parfois à découvrir qu’un de mes sites Web préférés utilisent WordPress.

Beaucoup de personnes ne réalisent pas cela, mais nos templates peuvent être utilisés de mille et une manières. Nous souhaitons que nos utilisateurs aient le pouvoir de faire ce qu'ils veulent.

Les éléments qui peuvent vraiment créer des différences avec un autre portfolio – outre le code et les caractéristiques du thème – sont la qualité esthétique du contenu, la typographie et la structure de votre récit. L’importation de polices Typekit ou l’ajout de CSS personnalisés  peuvent immédiatement ajouter une couche de différences dans la présentation de votre travail.

Un autre conseil, ne vous inspirez pas uniquement d’autres portfolios, regardez ce qui est fait dans d’autres catégories de layout. L’inspiration est partout et surtout dans cette collection de Web design.

Claudia Doms portfolio
Claudia Doms

Less is more – publiez vos meilleurs projets

Un portfolio ne devrait pas être uniquement un recueil de tous vos travaux. Il ne s’agit pas d’un curriculum vitae. Le but n’est pas de créer des listes à puces à l’infini ou de dire que vous avez augmenté X par Y pour cent. Un portfolio de qualité doit afficher votre meilleur travail en lien avec ce que vous essayez d'accomplir.

Cette dernière partie est la clé. Partons du principe que vous êtes un designer qui a à la fois touché au Web design et à la création de publicités pour du print. Si vous essayez de construire votre clientèle print, il est dans votre intérêt de ne placer que des travaux print dans votre portfolio, même si vos créations les plus réussies sont Web. Une fois que vous avez réduit votre nombre de travaux à présenter, demandez à des collègues, des consultants et des professionnels de confiance de vous fournir des critiques honnêtes sur votre travail.

Optez pour une sélection maigre, mais consistante. Et donnez toujours crédit là où il est dû. Soyez toujours honnête sur l’importance de votre contribution sur un projet.

Alternative landing page desktop – Thème WordPress portfolio Uncode
Alternative landing page desktop – Thème WordPress portfolio Uncode

Designer le portfolio qui reflète votre style

Libre à vous de prendre une direction empruntant les styles du print : grande taille de police, superposition de textures, alignements erratiques, etc. Ou à l’inverse emprunter les codes du Material Design.

Ces décisions reflètent qui vous êtes en tant que designer, et ce que vous souhaitez donner aux personnes lorsqu’elles visitent votre site portfolio.

Psst ! Dans une océan de sites Web en noir et blanc, un peu de couleurs permettra de vous démarquer.

Un grand merci, Damiano !

Accélérez la création ou le redesign de votre portfolio en ligne en utilisant le thème multi-usages Uncode.

Il ne vous reste plus qu’à trouver des exemples de portfolio pour votre inspiration et à ne pas commettre ces erreurs lorsqu’on crée son portfolio.

A lire :

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer

Développez vos talents en explorant ces collections

3 sections à explorer. Des centaines de conseils & d'astuces pour rendre le monde meilleur, pixel après pixel, balise après balise.