Bonjour à toutes et tous,

Je suis un jeune développeur front end (1 an et demi d’expérience).

J'ai réalisé ce week-end un site CV. J'aimerai avoir vos avis pour savoir comment améliorer mon site, que ce soit niveau, code, design ou SEO...

J'ai essayé de réaliser un site sobre et épuré. Il est responsive design avec bootstrap.

Je dois encore ajouter une section pour "Mes centre d'intérêts".

Voici la d'adresse du site : http://www.adriendhermy.fr
Modifié par adrien3763 (09 Feb 2016 - 21:05)
Bonjour et bienvenue sur le forum,

Premier truc qui m'a marqué direct', c'est ta photo qui a bien mis 2s à s'afficher, ça parait pas beaucoup, mais j'ai trouvé ça juste énorme par rapport à la taille affichée...
... je regarde dans le code, et là, pas de surprise, elle fait près de 1500x2000 pour un affichage de 150x200.
Pense à bien tout réduire au niveau des images.

Sinon, pas grand chose à dire, c'est simple, efficace (quand le menu fonctionnera, hein !? Smiley cligne )

Juste un truc concernant les diplômes (rien de technique là-dedans), personnellement on m'avait conseillé d'éviter de mettre les mentions quand elles ne sont pas au moins "BIEN" (voire "TRÈS BIEN"), après cela montre malgré tout une certaine régularité, il faudrait demander à un spécialiste du recrutement... mais je digresse, ce n'était pas ta question...
Merci pour tes commentaires =)

Effectivement j'avais vu que la photo était longue à charger.. Je vais faire ça.

Je ne comprend pas le problème avec le menu... il marche...
Modérateur
Bonjour,

Pareil pour la photo (longue à charger) et les mentions (probablement inutiles).

Le bouton "En savoir plus sur moi..." ne donne sur rien mais peut-être s'agit-il de la partie concernant ""Mes centre d'intérêts" et que tu signales comme n'étant pas encore faite.

Les mois ne prennent de majuscule qu'en début de phrase. J'aurais mis un "s" à "ordinateur" dans "Préparation d'ordinateur" (mais je ne suis pas sûr de ça, à vérifier), et je n'aurais pas mis de majuscule à "Préparation". Si tu conserves les "mentions", il faudrait retirer la majuscule. J'aurais mis un "s" à "Été" dans "Été 2009 à 2012", et aussi un "s" à "semaine" dans "3 semaine". Je n'aurais pas mis de majuscule à "en Stage". Je n'aurais pas mis de majuscule à "Back End".

Ceci étant, je suis moi-même assez mauvais en orthographe, et donc mal placé pour donner des leçons. Mais là, ça faisait trop.

EDIT : et aussi, un clic dans le menu du haut ne fait avec Firefox 44.01, Mac OS. Par contre, ça marche avec Chrome 48 et Safari 9.03.

Amicalement,
Modifié par parsimonhi (10 Feb 2016 - 15:29)
Un grand merci Parsimonhi pour la correction de toutes les fautes. Il est vrai que je suis très mauvais en orthographe. Je viens de les corriger.

Pour la photo, c'est fait, je l'ai réduit, plus "imagemin" avec grunt.

Pour le bouton "En savoir plus sur moi...", il est sensé scroller jusqu'aux expériences (je n'est pas remarqué de problème avec ce bouton).

Pour ce qui est de Firefox 44.01, Mac OS, je ne sais pas si je pourrai faire quelque chose (ou plutôt, je ne sais pas si je serai faire, je vais chercher...)

Je viens de voir que le header ne marché pas sur Firefox (44.0b7, windows 10).

En tout cas merci pour vos commentaires. =)
J'ai encore du boulot ^^

Si vous avez l’occasion d'y retourner, vous pourrez voir les modifs.
Adresse du site : http://www.adriendhermy.fr
Modifié par adrien3763 (10 Feb 2016 - 20:18)
Bonjour,

La photo : [edit : corrections faites] Smiley cligne

Le design : très scolaire, ça fait CV, limite doublon avec une page Viadeo ou LinkedIn.
Avantage, c'est propre et lisible. Inconvénient, manque d'originalité et de style.

Pour remédier à cela, vous pouvez redonner un style plus web et moderne en aérant, en recomposant et en renommant quelques mots. Suivez le guide…

Mettez la photo dans un rond, plus moderne. Si le cadrage est trop serré, ajoutez de la matière sur le côté. Testez la photo en noir et blanc, voir avec un filtre de type instagram. Là elle sort tout droit du photomaton, y compris pour la pose.
Centrez la photo.
Centrez le nom et la fonction sur 2 lignes. Pour la fonction + entreprise (à joindre sur une ligne donc), utiliser la typo de «Bonjour je suis» (qui passe à la trappe). Je crois qu'il est inutile de préciser «web» pour un développeur Front End ? Pour la localisation, mettez Bordeaux ou Talence, mais pas les deux. Inutile de préciser CDI, sauf dans la description du poste en dessous.

N'hésitez pas à avoir du vide au dessus et en dessous de la photo, du texte (fonction… ) à regrouper avec «en savoir plus / Me contacter». Ça va au moins vous doubler la hauteur du header et apporter une petite touche plus "site web", moins CV.

Virez la mention Autre en tant qu'Agent de Service. Si cela montre votre détermination, ça ne présente pas un intérêt significatif pour le développement. du coup, je virerais les mentions «informatique» et «autres». Votre qualité de Réserviste peut être mentionné sous les 3 blocs, ce qui en fait une expérience différente. Vous pouvez mettre «Autre» à la place de la date et mentionner la date dan la description. Vous évitrez ainsi les sous titres.

Sur moniteur, les 3 blocs d fonction à l'horizontale n'ont pas toujours la même hauteur en fonction de la largeur de la fenêtre. À remédier.

Les thermomètres, certains aiment, d'autres pas. Ça passe bien pour un junior.

Je n'aime pas les formes patatoïdales des blocs de formation. Carré ou rond (comme la photo ?). Mais pas entre les deux. Plutôt que les dates en titre, mettez l'intitulé des diplômes. C'est ce qui prime. Moi je suis pour laisser les mentions, car on voit que vous en avez eu à chaque fois, ça fait son petit effet.

Les couleurs sont légères. Pour dynamiser, vous pouvez tester avec un fond blanc, le léger grisé en fond des blocs, plutôt que de l'arrière plan. Pas de filet (ou alors plus assumé). Pour le footer, afin d'alléger ce gros truc gris foncé qui agresse (effet trop vu), vous pouvez là mettre un fond grisé clair. Ou tester avec le fond couleur. dans ce cas, choisissez un bleu un peu plus électrique et web. Les couleurs flash ont la cote.

Plutôt qu'un sous titre scolaire et sans intérêt comme «Mes expériences», mettez une accroche. Par exemple, "Développeur passionné depuis 2 ans" (du coup… ), ou simplement “Parcours”. À vous de trouver, le but étant d'attiser l'intérêt plutôt que de susciter l'ennui avec des fromules soporifiques. Par exemple, inutile de préciser «MES compétences, formations… ». On se doute bien que ce ne sont pas celles du voisin. Smiley biggrin

Les textes des liens de contacts tout en bas sont trop gros, ils bouffent les pictos et le tél.
Pour vous aider en terme de taille de caractères. Ne dépassez pas 3 tailles de caractère différentes pour tout le site (sauf mentions légales en tout petit). Ça aide à structurer le contenu.

Le sticky menu pase bien, très discret et sobre.



Attention au CV !!! Trop lourd, c'est limite le «fashion faux pas» ! Smiley lol

http://33.media.tumblr.com/1a1dd06aba853dedf645cfa2a8775d1b/tumblr_inline_ne2h4gNUky1sa7wdj.gif
Fond blanc, virez le bleu ciel, les pétouilles vertes, les fléchettes… Structurez par la taille des caractères, la couleur (titres uniquement) et la graisse. Évitez au maximum les puces et retraits. Le plus simple et élégant sera le mieux. 3 tailles de caractères maxi, en incluant l'intitulé.

Pour séparer les deux colonnes un filet très fin peut faire l'affaire (pas sur toute la hauteur). Pour structurer les titres, mettez les en bleu (celui du site). Aérez, surtout le haut. Pour ce faire réduisez les centres d'intérêts, là il y en a tellement que du coup, rien ne ressort, pour un CV, 2 lignes maxi, 3 au plus.
Très bien les qualités, mais peut être pas bien placées.
Mettez l'adresse de votre site avec vos coordonnées en haut. Sauf si vous ne voulez pas qu'on la trouve.
Pas de liens en bleu et d'icônes devant le tél ou l'email.
Pour vous aider, j'ai rédigé un guide de typo pour optimiser son CV. En gros, faites simple !
http://fr.slideshare.net/philipperondepierre37/optimiser-soncv-39167599

Voilà pour moi, ça fait déjà pas mal de suggestions. À tester ou pas.
En attendant la suite ? Smiley smile
Modifié par spongebrain (10 Feb 2016 - 20:37)
Merci spongebrain pour ta longue analyse...

Je pense que tous ces défauts ne ce résoudrons pas du jour au lendemain...

Comme tu as dû t'en rendre compte je ne ni graphiste, ni web designer... Je vais essayer de faire des efforts en prenant en compte tous tes commentaires...