Dans notre métier, "les cordonniers sont toujours les plus mal chaussés" n'est pas une excuse viable. Tout recrutement d'un artisan du net passe par une phase d'analyse plus ou moins approfondie de ses compétences. Le portfolio étant généralement l'unique moyen pour centraliser et vanter ses projets de manière professionnelle, on ne peut donc pas passer à côté. C'est en effet cette petite vitrine qui fera en sorte qu'un employeur/client potentiel choisisse votre profil plutôt qu'un des 248 autres qui se trouvent sur sa liste. Votre CV n'aura quasiment aucun effet à part pour les quelques rares cas institutionnels gérés par une administration peu compétente dans notre domaine professionnel.
Vous avez donc ici l'opportunité d'ammorcer la construction de votre propre image professionnelle, qui vous permettra sans aucun doute de décrocher votre premier boulot ou de trouver vos premiers clients. Cette image va certainement (et je vous le souhaite) évoluer énormément au cours du temps. Un conseil : placez la barre haut pour votre première vitrine en ligne, c'est le meilleur moyen pour qu'elle puisse évoluer positivement et rapidement.
Comment pour tout projet web de qualtié, il s'agit donc de ne pas se lancer n'importe comment. Il doit y avoir un minimum de stratégie, un concept et une marque d'authenticité. Enlevez un de ces ingrédients pour augmenter vos chances de tomber dans les oubliettes.
Pour la recherche sur le concept et le branding ( = la marque d'authencité), il va de soi que personne d'autre que vous-même n'est mieux placé pour concrétiser quelque chose d'intéressant, de juste et de personnel. Par contre, pour la stratégie, il y a tout de même quelques points communs entre tous les portfolios qui contribueront à sa réussite. La stratégie (principalement la manière dont vous allez communiquer) que vous allez mettre en place ne visera qu'exclusivement l'utilisateur du site. Il n'est donc pas question de faire des choix qui ne feront plaisir qu'à vous-même ou votre meilleur ami. Allez donc principalement to the point.
Quoiqu'il en soit, voici déjà quelques points importants à prendre en compte.
L'utilisateur que vous visez en premier lieu, c'est celui qui va vouloir vous engager. Cette personne n'a vraissemblablement pas des heures à perdre, et si vous ne l'intéressez pas tout de suite, il passera à quelqu'un d'autre. Bien entendu, il est certainement plus facile de se faire remarquer par un concept visuellement fort. Toutefois, il n'y a pas que ça.
Vos choix graphiques, et donc par conséquent aussi votre recherche graphique, vont jouer un rôle important lorsque l'utilisateur va juger votre site. Un professionnel du web peut vite être lassé par des motifs conceptuels ou des styles/tendances de design qui ont été vues, revues, revisitées et massacrées à maintes reprises. Je dirais donc qu'au-delà de créer un visuel beau (notion subjective), il est encore plus important de créer une interface qui se démarque de la concurrence (qui est une notion beaucoup plus objective).
Précisons aussi que dans un premier temps, cette concurrence, ce sont vos amis qui évoluent dans le même métier, vos voisins de classe, mais surtout celui ou celle que vous regardez dans la glace le matin: le/la développ(eur/euse) web que vous êtes aujourd'hui. Je veux dire par là que c'est l'occasion d'essayer de vous démarquer des autres, mais aussi de surpasser tout ce que vous avez pu créer de bien/beau/fonctionnel jusqu'à ce jour.
Il se pourrait très bien que vous ne soyez pas trop orienté design. Ce n'est pas forcément un point négatif, il suffit de trouver une manière de l'exploiter. C'est d'ailleurs un point qui pourrait vous aider à vous démarquer.
Attention cependant : mettre en avant ses compétences en développement, ce n'est pas qu'en parler. Il faut avant tout pouvoir les montrer via l'exemple concret qu'est votre portfolio. Ce conseil tient d'ailleurs pour tout le monde, même ceux d'entre-vous qui choisiront une approche graphique.
Un développeur, c'est un être (oui, un humain, malgré les apparences) tout aussi créatif qu'un designer. Sa créativité ne s'exprime peut-être pas par ses compétences à pouvoir émouvoir, mais certainement plus par sa manière à résoudre des problèmes, que ce soit une difficulté ou une monstruosité consommatrice de performances. Mon conseil serait dès lors : cherchez les problèmes, montrez-les, mais surtout montrez qu'ils ne vous ont pas vraiment fait peur. Basez le concept de votre portfolio sur un showcase de difficultés (connues ou pas, mais surtout intriguantes) que vous allez surmonter une par une et de façon intelligente.
Autrement dit, il faut aussi que vous prépariez du contenu. On rencontre bien trop souvent des portfolios où le concepteur a jugé suffisant de poster quelques images et un éventuel lien vers sa création. Ce sont des "j'ai-tout-mis-et-vous-n'avez-qu'à-chercher-les-explications-vous-mêmes". Non, ne soyez pas ce genre de personne. Ca n'a jamais marché et ne marchera certainement jamais.
Un bon texte n'est pas forcément long. Il est avant tout précis et intéressant. Quelques paragraphes bien écrits en diront beaucoup plus sur vous que sur le projet présenté. Vous pouvez en dire long rien qu'en décrivant votre approche, vos éventuelles mésaventures et comment vous avez pu les surmonter.
Un bon texte vous apportera des affichages de pages, parce que ce bon texte se fera remarquer par les moteurs de recherche. Le contenu que vous allez mettre en avant va vous propulser dans les résultats de recherche, pour autant que ce soit bien écrit, et donc vous rapporter plus ou moins d'intéressés.
Un bon texte est bien orthographié. Si ce n'est pas votre point fort, ça l'est certainement plus pour une de vos connaissances, qui pourrait peut-être vous donner un coup de main de ce point de vue-là. Vous allez paraître beaucoup plus professionnel, c'est garanti.
Un bon texte est correctement illustré. C'est bien beau de raconter que votre affiche était la plus belle de toute votre année, mais c'est encore la liberté de l'utilisateur de pouvoir en juger. Montrez-lui donc l'ensemble, quelques éléments, une décomposition des différentes couches, un making-of, les croquis de vos premières idées, les schémas qui vous ont permis de constituer la strucutre de votre base de données, etc. Tous ces éléments non-textuels sont eux-aussi du contenu. D'ailleurs, plus votre contenu sera diversifié, moins on sera lassé de votre site web, plus vous allez intéresser un public large, plus vous allez montrer des facettes de qui vous êtes.
Il y a des sites que vous allez visiter et que vous allez adorer, sans forcément savoir pourquoi. Mon meilleur conseil serait alors de chercher ce pourquoi. En trouvant les éléments, la conjugaison de visuels, les motifs émotionnels, l'interactivité, les animations qui vous ont plus, il vous sera plus facile par la suite de juger vos propres créations. C'est un point important, si pas crucial, que ce soit en design, front-end ou back-end.
Pour façonner vos goûts, une bonne piste serait de vous intéresser aux sources des éléments qui vous intriguent. Que ce soit le code, l'inspiration ou encore l'auteur de cet élément. Tous ces aspects vont vraissemblablement vous emmener à d'autres sources, qui vont à leur tour vous inspirer pour vos propres projets. En d'autres termes, pour travailler ses goûts, il faut explorer. D'ailleurs, en plus de trouver de l'inspiration, vous allez développer votre sens critique.
Attention, le mot d'ordre, c'est la passion pour le web bien fait. Passionnez-vous pour ce que vous faites, si ce n'est pas déjà fait. Croyez-moi, ça fera la différence. Si la passion ne vient pas, vous allez peut-être le regretter un jour dans votre vie. Don't become that frustrated dude on a newspaper's comment section, dirait-on sur le net. Ceux qui évoluent vraiment dans les métiers du web sont ceux qui le font par envie et non par pure nécessité. C'est un métier fabuleux, avec d'inombrables facettes, de nombreux auteurs, des tonnes de ressources et des nuits entières de pistes créatives à explorer. Foncez.
Les exemples ci-dessous ne sont pas forcément de bons exemples sur tous les niveaux, même souvent de très bons exemples de ce qu'il ne faut pas faire d'un point de vue accessibilité. Comme je l'ai précisé plus haut, il faut un sens critique en analysant ces portfolios. En règle générale, dans ce contexte-ci, il faut se dire qu'il s'agit d'un bon exemple pour la catégorie dans laquelle le site figure.
Ce sont pour la plupart des cas aussi des sites d'agences. Il est donc franchement difficile d'obtenir un tel résultat tout(e) seul(e), mais encore une fois, c'est l'inspiration qui compte ici.
Aussi, et ça, j'y tiens: Il est hors de question que votre recherche inspirationnelle s'arrête à la fin de ces quelques premières pistes. Cette petite liste ne devrait même pas représenter la fin du début du commencement de vos recherches.
Ah oui, dernière chose : une source d'inspiration, ce n'est pas un prétexte pour faire du copier-coller. Parce que, héhéhé, votre public connaît sûrement aussi vos sources. Un plagiat, ce n'est pas un bon coup de pub.
Ce projet de portfolio fera bien entendu aussi partie de votre évaluation pour le cours de Design Web. Il sera analysé par les professeurs des différentes parties du cours.
Afin de fixer quelques modalités à ce projet, il vous est demandé de respecter les points suivants, sans quoi il nous sera difficile d'évaluer correctement votre portfolio.
- Le site devra être en ligne pour l'examen de Design Web.
- À cette date, il vous sera demandé de présenter un document imprimé, propre et professionnel, respectant le branding de votre portfolio, présentant au minimum les éléments suivants:
- Votre nom, prénom, groupe
- l'URL vers votre site
- Votre portfolio devra être accessible via un nom de domaine de type
prenom-nom.extension. - Le site doit être développé avec Wordpress
- Le site doit être utilisable et accessible lorsque Javascript est désactivé
- Votre site doit fonctionner sur Internet Explorer 10, mais bien entendu aussi sur tous les autres navigateurs récents.
- En plus des considérations techniques, on portera un oeil attentif à:
- l'user experience,
- l'accessibilité et l'utilisabilité,
- le concept,
- la stratégie,
- le respect de votre propre branding
- Votre portfolio doit être composé au minimum:
- d'une "archive" reprenant tous les projets que vous allez présenter
- d'une vue détaillée pour chaque projet présenté
- d'un formulaire de contact ainsi que vos informations de contact
- d'une présentation de vous-même
- Tout ajout (effort) supplémentaire sera bien entendu analysé, non-pénalisant et que du gain pour votre image pro.