Www.sunriseweb.fr

Bonjour,

Pouvez-vous me donner votre avis sur mon CV en ligne ( http://www.sunriseweb.fr ) ?

Merci d'avance pour vos commentaires
Modifié par Hermann (28 Dec 2008 - 16:30)

Salut,

je trouve l'ensemble plutôt réussi.

Quelques remarques :

* la largeur riquiqui est sympa... sauf que sur mon portable 16/9 c'est vraiment trop riquiqui.
Comme en plus la taille de la police est également riquiqui je l'augmente... et très vite le texte des balises <meta> déborde du conteneur...
En bref j'aurais mis une largeur plus grande (tout en gardant l'idée de la "bande verticale") et augmenté la taille de la police.

* Avec Javascript désactivé seule la première réalisation est accessible. Il vaudrait mieux tout afficher et seulement après avoir vérifié que JS était disponible mettre en place ton script.

* les balises meta me parlent à moi mais pas sûr que ce soit le cas d'un éventuel client (ou employeur ? Tiens, d'ailleurs je ne sais pas si tu cherche des clients ou un employeur ? ).

* la mise en gras des chiffres sur le hover provoque un décalage pas très esthétique à mon goût.

* en désactivant les images je perds des informations (ne pas mettre une image en background CSS si elle porte une information) et cela devient très difficile de lire le texte (penser à mettre un fond autre que transparent quand c'est nécessaire).

* pour finir j'aurais plutôt proposé un CV au format PDF qu'au format Word.

Hello Marie13,

Rien a redire à ce qu'a dit Heyoan, et dans l'ensemble j'aimerais même ajouter que je trouve ça très bien réussi. Il manque peut être quelques informations sur le poste que tu cherches.

Ensuite, j'ai un peu de mal avec ton sélecteur de réalisations en javascript. Je trouve que les images apparaissent trop violemment au survol du chiffre (d'ailleurs pense à enlever le gras cf heyoan) et au début j'ai eu du mal a utiliser l'affaire Peut être pourrais tu faire apparaître les images (et la description du projet) plus lentement en faisant un fondu par exemple ?

En tout cas à part ça je trouve l'ensemble nickel

Merci beaucoup pour ta réponse.

Je suis d'accord avec l'ensemble de tes remarques
Je vais donc faire des modifications.

Salut audrasjb !

Merci pour ton commentaire ! C'est une bonne idée le fondu sur les images, je vais essayer de faire ça

Perso je ferais attention à la hiérarchie des titres en commençant avec un h1 avec le nom du site (ou le tien) et des h2 pour le reste au lieu de commencer directement avec des h3…

Patidou a écrit :
Perso je ferais attention à la hiérarchie des titres en commençant avec un h1 avec le nom du site (ou le tien) et des h2 pour le reste au lieu de commencer directement avec des h3…

Exact

Bonjour Marie
dans l'ensemble c'est assez sympathique mais je confirme les remarques des intervenants précédents.

> L'ensemble des texte est trop petit, aussi bien le texte courant que les titres (qui manquent un peu de contraste avec le fond blanc au passage)

> Le choix de l'alignement centré des date n'est pas très esthétique et ne se justifies pas ici, un alignement au fer à droite (voire à gauche) le serait d'avantage.

> Les liens vert clair manquent clairement de contraste avec le fond blanc.

> Attention à l'alignement justifié qui génère des espaces intermots disproportionnés notamment sur des largeur de colonnes courtes.
Je te conseil de choisir un alignement au fer à gauche ou d'ajouter une fonctionnalité de césure automatique ( voir http://yellowgreen.de/hyphenation-in-web )

> Le lien du CV au format word n'est pas assez visible et n'a pas sa place dans la bar de liens du "footer", tu dois le placer au haut voire en bas de page et le rendre plus visible.

> Les filets verticaux verts pâle de chaque côté de l'interface sont peut-être trop présents visuellement.
Modifié par Hermann (29 Dec 2008 - 09:22)

Salut Marie,

Personellement, j'aime vraiment beaucoup ! Ceci dit, je suis d'accord avec toutes les remarques de Heyoan.

Et j'ajouterai, que c'est vraiment vraiment trop trop trop étroit Avec mon écran en 1680 ça en devient gênant. J'ai testé avec d'autres écrans plus "standards", et ça reste quand même trop étroit. En 800x600 c'est très bien, mais même là tu as encore de la marge, quasiment 300 pixels, et les écrans en 800 de large se font rares, quand même...

D'autant qu'avec des forts contrastes comme le gris foncé / blanc et vert, ça fait un peu mal aux yeux avec ce choix là.

Du coup, le texte est lui aussi riquiqui et pas hyper agréable à lire. Par contre, il s'agrandit très bien : j'ai agrandi 8 fois, ça reste nickel et ne casse pas le design.

Bon, je l'ai déjà dit, mais à part ce problème de taille, j'aime beaucoup

Bonjour Hermann et Mistike !

Merci beaucoup pour vos observations.

Hermann, tes conseils sur l'alignement me seront utiles car ne connaissant pas les règles dans ce domaine, j'ai un peu négligé cet aspect.

Mistike, je vais agrandir le texte et l'image pour que l'ensemble occupe plus de place en largeur dans l'écran. Sur le mien (1024x768) c'est petit mais ça reste correct mais avec un écran en 1680 comme le tien, j'imagine que ça doit être minuscule !

Bonjour et bonne année à tous !

Je viens de mettre en ligne la nouvelle version de mon site.
J'ai essayé de suivre vos conseils, par contre je n'ai pas encore transformé le format du CV en PDF et je ne suis pas sûre que l'alignement soit au point...

J'ai changé la police d'écriture, j'espère qu'elle est suffisamment lisible dans cette taille.

Merci pour vos avis

Bonjour Marie,
Bonne année également
c'est mieux, je pense qu'il n'est pas nécessaire que tu aies une interface plus large puisque l'espace horinzontal actuel est suffisant et évite d'avoir des justifs (largeur de colonnes) trop larges.

Au niveau du header, tu devrais mettre d'avantage l'accent sur ton nom (comme sur une carte de visite). Es tu certaine que le choix de l'intitulé "Développeur web, webdesigner" soit une bonne stratégie? Tu cherches peut-être du boulot dans les deux domaines mais je pense que ne pas avoir une spécialisation peut te déservir, sous entendu je fais un peu de ci et de ça mais je n'ai que des compétences moyennes dans chacun des domaines (tu ne peux pas être experte dans les 2 domaines à la fois).
Bref je pense que tu dois te situer (je ne t'apprend rien en te disant que le developpement back-end et le webdesign ça n'ont rien à voir) et savoir ce qui t'attire le plus
A priori tu as d'avantage un profil de Developpeur que de Webdesigner (illustratrice ).

Tu devrais ajouter ton niveau de maitrise/connaissance de chaque langages et logiciels.

Dans les réalisation, le fondu au blanc est un peu trop long, c'est pas gênant aux premiers passages mais d'avantage pour les suivants

L'alignement justifié des tes paragraphe dans réalisation génère des espaces intermots trop importants et non homogènes d'une ligne à l'autre.
Tu devrais essayer si tu peux une fonctionnalité de césure automatique comme je t'ai indiqué.

Les dates en gras alourdissent un peu chaque section et "font de l'ombre" aux intitulés bleus.

Il te faudra ajouter comme te l'avais conseillé Patidou je crois des titres de section Hn.

Bonne journée
Modifié par Hermann (04 Jan 2009 - 17:49)

Hello Marie,

Beau travail. Juste un truc à propos des vignettes "réalisations" : quand on charge la page, toutes les vignettes sont affichées à la suite. Dans ce cas pourquoi cliquer sur les numéros puisqu'on peut déjà toutes les voir ! Pour donner un peu un avis contraire à celui d'Hermann , je préférerais que le fondu dure un ptit poil plus longtemps, car là c'est un peu désagréable l'éclair provoqué par le changement de vignette...

D'accord avec Herman, il faut que ton nom-prénom soit beaucoup plus visible ! Il suffirait pour cela de l'agrandir un peu.

Par rapport aux niveaux de titres manquants, le must serait amha de placer ton nom+prénom en H1, et toutes les images des titres (compétences, réalisations..) dans des balises h2.



Modifié par audrasjb (04 Jan 2009 - 16:59)

Salut, salut,

j'ajouterais que plus globalement la suite de chiffres n'a de sens que si Javascript est activé (donc affichage via JS) et que lors du premier affichage avec JS activé il faudrait simuler le onmouseover sur le premier élément (1).

Sinon en désactivant les images ta présentation se trouve bien dans le header mais en jaune pale sur fond blanc elle est illisible : tu pourrais par exemple mettre un background-color à #pageHeader ou au paragraphe correspondant.

audrasjb a écrit :

Par rapport aux niveaux de titres manquants, le must serait amha de placer ton nom+prénom en H1, et toutes les images des titres (compétences, réalisations..) dans des balises h2.

Oui c'est ce qui serait le plus logique mais le plus utile (du point de vue référencement) serait déjà d'ajouter son métier au niveau du title et de le mettre dans un strong sous le h1.

Pourquoi pas dans le h1, parce que malheureusement un title et un h1 trop similaires dans leur contenu peuvent être nuisibles pour l'indexation des leur contenu, du moins c'est ce qu'en disent certains experts du domaine... Espérons que ce genre de critère absurde disparaitra.
Modifié par Hermann (04 Jan 2009 - 18:05)

a écrit :
Pourquoi pas dans le h1, parce que malheureusement un title et un h1 trop similaires dans leur contenu peuvent être nuisibles pour l'indexation des leur contenu, du moins c'est ce qu'en disent certains experts du domaine... Espérons que ce genre de critère absurde disparaitra.

Trouver le juste milieu entre sémantique propre et SEO... Tout un programme en soi...

Je pense que ce que tu propose est le plus intéressant pour Marie13. rajouter le métier en title ou en h1 permet de se positionner sur les mots clés correspondants. A noter qu'à ce moment là, faut aussi rajouter les données locales pour pouvoir se positionner à la fois sur le nom, le métier et la ville..
Modifié par audrasjb (04 Jan 2009 - 18:49)

audrasjb a écrit :

A noter qu'à ce moment là, faut aussi rajouter les données locales pour pouvoir se positionner à la fois sur le nom, le métier et la ville..

+1 En effet

Merci beaucoup à tous pour vos remarques.

Hermann, je suis allée voir le lien pour l'alignement mais je n'ai pas su l'utiliser.
Pour l'indication de la spécialisation, je devrais plutôt insister sur le coté développement même si je suis encore en phase d'apprentissage. En fait j'ai fait ce CV à la demande de mon conseiller pour l'emploi mais je ne pense pas avoir les connaissances et capacités nécessaires pour être embauchée ou pour trouver des clients. Il me semble que j'aurais plutôt besoin de faire un stage pour combler mes lacunes.

Heyoan et audrasjb, concernant javascript j'ai essayé de rendre les réalisations accessibles avec javascript désactivé donc tout est affiché au chargement de la page. Effectivement, les numéros perdent de leur intérêt avec ce système mais je ne sais pas faire autrement (j'imagine qu'il doit y avoir un moyen, je vais chercher ). Comment simuler le onmouseover sur le premier élément ?

Je vais augmenter la taille de mon nom, mettre des balises Hn plus appropriées et penser au background-color.

Merci encore pour tous vos conseils

Marie13 a écrit :

Comment simuler le onmouseover sur le premier élément ?

En fait ça pourrait se traduire par appeler la même fonction (avec les mêmes paramètres) au chargement de la page (évènement onload à priori) que lorsque le 1 est survolé.

Je trouve le site très réussi.
Seule une chose me gène : les textes en bleu dans le Cv. On s'attend du coup à cliquer sur des liens.