CV en ligne : un exemple que j'applaudis

Catégories : Web design - Bonnes pratiques

J'ai découvert récemment (merci Katsoura) une collection de 30 systèmes de navigation attractifs.

Une tendance marquante et positive, selon moi, est que les interfaces se simplifient. Les portails, les puzzles à cent pièces, tendent à disparaître, au profit de mise en page plus contrastées, qui mettent beaucoup plus rapidement en avant les contenus clés.

Parmi ces 30 exemples, il y en a un qui a particulièrement attiré mon attention. C'est le CV de Sarah Longnecker, passionnée de production vidéo.

Source : http://sarahlongnecker.com.

Ce CV en ligne présente plusieurs qualités rares :

  • Un copywriting tranchant, simple et puissant
  • Une typographie esthétique, efficace, contrastée, aérée
  • Des appels à l'action bien choisis ("Check out my portfolio", "Contact me", "Download resume")
  • Une architecture de navigation épurée au maximum ("work", "blog", "about", "contact"... quoique ces deux dernières rubriques pourraient encore être fusionnées)

Pour dire les choses autrement, il n'est pas si fréquent de voir une telle bonne alchimie entre l'écriture, la structure, le graphisme et le fonctionnel. Cette demoiselle montre l'exemple dans un domaine où je peinais à identifier de bonnes pratiques.

La vidéo, pour animer les choix de navigation

Que pensez-vous de cette idée d'animer des boutons à l'aide d'éléments vidéos ?

Un exemple est accessible sur le site web de la société ACERTA, qui offre des services en création et gestion d'entreprise.

Source : www.prioritealhumain.be.

Outre leur mouvement, le fait que les personnages débordent du cadre strict du bouton attire évidemment l'attention.

Percutant ou perturbant ?

Futile gadget ou intéressante recette ?

Mon avis personnel : la formule se défend bien pour un choix simple (trois ou quatre options) et proéminent (choix de navigation centraux), comme c'est le cas ici. Les barres de menu permanentes (en haut ou à gauche) doivent rester sobres, je pense, pour ne pas perturber le contenu proprement dit. Le mouvement doit rester modéré, afin d'éviter une cacophonie nerveuse dans la page.

D'autres exemples dans la gamme ?