Bonjour,
Je partage l'avis de mes camarades, si on peut le tolérer pour un graphiste, le site d'un développeur même débutant doit prendre en compte les erreurs W3C. Trop d'erreurs risquent de vous décrédibiliser. Il y a des chances pour que les opérationnels regardent le code de votre site qui est aussi important que le contenu.
Perso, je ne vois pas en quoi la photo était un handicap, au contraire, ça apportait un peu de caractère sur ce design propre mais un peu impersonnel, et au moins on voit à qui on a affaire. Avec un tél directement lié, c'est encore mieux. Sur les sites comme viadeo ou linkedin, les profils avec photo sont d'avantage visités et ça permet de se remémorer plus facilement la personne. En revanche, il faut que la photo passe le bon message (pro, dynamisme, sourire… ).
Pour ce qui est du contenu, attention à l'orthographe, c'est éliminatoire, même pour un informaticien. C'est la base.
Ex. :
« A propos » À propos
« j'ai pratiquer pendant deux ans l'escrime » pratiqué
« J'ai par exemple commencer » commencé
Quand on arrive sur votre site, on a l'impression d'être sur "apropos.com". Remplacez "À propos" par votre nom, "Développeur Web" est ok mais à la place du nom actuellement en noir, mettez votre spécialisation (front end ? back end ?… ) ou une accroche. À la place de « Paris & ses alentours » qui fait un peu touriste, mettez "Paris et Île-de-France", en plus petit.
Là on commencera a avoir une hiérarchisation claire de l'entête.
Certains titres ne correspondent pas au contenu, par exemple dans "Situation Professionnelle" vous décrivez votre projet professionnel, ce qui n'est pas la même chose. Dans "Situation Professionnelle" vous devez mentionner vos compétences et ce que vous pouvez apporter à votre recruteur.
Certains titres sont non explicites, voir dévalorisants. "2013 Stagiaire", "2012 Stagiaire"… Même si beaucoup font des stages pendant des plombes, il serait plus informatif et valorisant de titrer par la fonction que vous occupiez, le stage peut être mentionné en plus petit en complément ce qui est déjà le cas (Stage de 5 semaines), mais ce n'est pas ça le plus important.
Dans les compétences la mention "Confirmé" n'est utilisée que pour certains langages. On en conclut donc que vous ne maîtrisez pas les langages sans mention. C'est gênant pour le Javascript qui se retrouve dévalorisé par exemple. Si vous utilisez une mention pour certains langages, vous devez en mettre partout afin qu'on puisse estimer vos compétences. Aidez vous des mentions utilisées par les réseaux professionnels si vous avez du mal (linkedin, viadeo… ).
Il manque un lien vers LinkedIn et/ou Viadeo, ça vous positionne en tant que pro et le réseau est important pour trouver des opportunités, s'inscrire dans des groupes…
Je ne suis pas fan du menu dans le pied de page. Si un menu fixe est une bonne initiative, il aurait plus sa place dans le haut de la page. De plus, les icônes vieillottes manquent de style (gênant pour quelqu'un qui dit s'intéresser au graphisme), préférez un menu texte classique, ça s'accordera mieux avec le reste du site. Un menu sur une barre fine orange en haut ?
Le formulaire de contact est trop brut de décoffrage, sauf si vous avez affaire au type qui a le nom le plus long du monde et qui est joignable uniquement sur Mars, évitez les champs de formulaires trop long. Les Nom (préférez "Prénom, Nom"), email et téléphone peuvent tenir sur une seule ligne (2 en fonction de la largeur), ce qui permettra des champs de saisie plus adaptés. J'ajouterais aussi "Entreprise" pour faire plus pro. Utilisez une ligne par champ uniquement sur les petites diagonales, pas sur les largeurs supérieures à 700 pixels environ.
Bien plus utile qu'un formulaire, un téléphone pour vous joindre directement sera plus efficace.
Certaines incohérences dans les redimensionnements, en élargissant la fenêtre, la colonne de contenu devient plus étroite. Ce n'est pas logique. Attention toutefois, une ligne ne doit pas dépasser 80 à 100 caractères environ (espaces incluses). Par exemple sur une fenêtre de 1100 pixels de large (peut de gens utilisent leur navigateur en plein écran sur un moniteur de bureau), on a des lignes de plus de 150 caractères, espaces incluses. C'est trop.
Pour vous aider :
http://www.compteurdelettres.com/
Voilà pour moi.
En attendant la suite ?
PS : je suis une brêle en informatique (graphiste), juste pour savoir comment vous avez fait pour que les icônes du menu passent en blanc en fonction du positionnement du scroll ? Je sais, c'est un basique, mais je ne sais pas le faire.
Modifié par spongebrain (27 Aug 2014 - 17:08)