Personnaliser mon CV en ligne www.mathieu-corgnet.fr

Bonjour,

j'ai mis en ligne mon cv à cette adresse (le contenu n'est pas encore bon)

http://mathieu-corgnet.nuxit.net/

(je ne cherche pas d'emploi pour l'instant, j'en ai un, je viens juste demander avis et conseils :d)

Dans un premier temps, j'aimerais avoir votre avis sur l'ergonomie de la chose, ainsi que sur le graphisme. (les photos vont changer, elles sont en test, pour l'instant)

Dans un second temps, je cherche à l'agrémenter de petits scripts, améliorations diverses et en tout genre. Le problème, c'est que je n'ai aucune imagination. Je puis télécharger des scripts JS (ce que j'ai fait), mais il me semblerait de bon ton d'en développer quelques autres.

Bref, je veux agrémenter tout ça, le rendre attrayant et dynamique, mais je ne sais pas trop quoi y faire.

Des idées ?

Merci à vous.
Modifié par mcorgnet (05 Oct 2007 - 14:00)

ben... désolé, c'est dit un peu froidement, mais je trouve que graphiquement c'est vraiment assez pauvre et très amateur.

Je te conseille de passer du temps sur des sites qui mettent en avant des designs contemporains et intéressants et essayer de puiser de l'inspiration.

Hello,

Merci de bien vouloir afficher le nom de ton site dans le titre du sujet, comme cela est demandé dans le message d'annonce de ce forum : "A lire avant de poster : Ergonomie, Design et demandes de critiques", sinon 99% des sujets de ce salon auraient le même titre évasif

firfelin a écrit :
ben... désolé, c'est dit un peu froidement, mais je trouve que graphiquement c'est vraiment assez pauvre et très amateur.

Je te conseille de passer du temps sur des sites qui mettent en avant des designs contemporains et intéressants et essayer de puiser de l'inspiration.

Merci de ton avis.

Effectivement, je cherche également des graphismes plus évolués (ceux ci ne sont pas de moi), mais je n'ai aucun goût pour ça. J'attends la participation de quelques amis professionnels.

J'ai modifié le titre du sujet.

D'autres commentaires ?

Salut,

firfelin a écrit :
ben... désolé, c'est dit un peu froidement, mais je trouve que graphiquement c'est vraiment assez pauvre et très amateur.

Je trouve ton commentaire un peu dur, firfelin... Lorsque j'ai cliqué pour voir cette page, je m'attendais à pire en lisant cela. Tu faisais aussi bien lorsque tu as commencé ?! pas moi en tout cas...

@mcorgnet :

Le styleswitcher est un peu mal fichu. Si tu veux qu'il fonctionne uniquement avec JS, c'est à dire que tu le considères comme optionnel, alors les liens images n'ont pas à apparaître à la désactivation du langage. Lorsque je le fais, je suis redirigé sur la vignette au clic sur chaque lien ; je n'en comprend pas bien l'intérêt.
A l'inverse, si tu veux que tout le monde dispose du styleswitcher, tu peux le faire via php, comme indiqué dans un des tutos d'Alsacréations... quitte à le doubler par un en JS par la suite.
Une autre chose : A quoi sert le drag'n'drop ? Visiblement à rien... Ca donne l'impression de chercher des fonctionnalités inutiles... juste histoire d'en mettre plein la vue... (enfin, façon de parler parce qu'un drag'n'drop, ce n'est plus très original de nos jours... )

Concernant la charte graphique, c'est plutôt clair et agréable à l'oeil. Je retoucherais néanmoins les coins arrondis car la dégradation des images (pour gagner en poids je suppose) est visible. De même, ces bordures ne sont pas assez travaillées graphiquement, je trouve... On pourrait attendre un certain volume par l'intermédiaire d'ombrages afin de mieux coller au reste du design.

mmh... Le titre... Pourquoi n'apparait-il que lorsque css est désactivé ? Tu ne mets pas vraiment ton identité en avant pour le coup... C'est dommage d'être si impersonnel pour un cv.

Un point qui mériterait d'être retouché, c'est le positionnement de tes coordonnées à l'agrandissement des polices. Ca se superpose (tout du moins sous Fx) alors que le reste la page tient la route.

Histoire de repasser sur les liens du styleswitcher, tu les mets en amont du titre... de même que la section qui concerne les moyens de contact. Je pense, tout du moins au premier abord, que le lecteur va vouloir accéder au contenu du cv plutôt qu'autre chose... De là, tu as deux possibilités :

- modifier la structure
- mettre un lien d'accès rapide

Enfin, pour agrémenter un peu le tout, je pense que tu pourrais ajouter une image en amont de chaque titre de section par exemple.

Bref, pour ma part, je trouve ça plutôt propre ; c'est plus une histoire de finitions qu'autre chose.
Modifié par koala64 (05 Oct 2007 - 14:21)

koala64 a écrit :
Salut,
@mcorgnet

Merci beaucoup de ton intervention.

Je suis très mauvais en graphisme, honnêtement, ce que j'ai là, je ne l'aurais pas fait seul. Concernant les images, je vais essayer d'en améliorer la qualité.

Pour le reste, je vais corriger en fonction de ce que tu me dis. Sûrement en plaçant le "styleswitcher" (je ne connaissais pas ce terme) à droite, pour commencer, et en permettant l'utilisation sans JS.

Déjà, tu viens de me filer pas mal de travail

Je m'y mets donc
Modifié par mcorgnet (05 Oct 2007 - 14:24)

Ton lien ne marche plus

Mikachu a écrit :
Ton lien ne marche plus

:|

zut.

Je corrige au plus vite, je me suis trompé entre la maquette et le site en ligne ...

http://mathieu-corgnet.nuxit.net/index.php5?useSkin=cv4

Ici ça tournera ... J'étais en train de mettre en place les templates, persuadé de bosser dans mon dossier de tests ...

Avec toutes mes excuses.

edit : le site est à nouveau fonctionnel.
Modifié par mcorgnet (05 Oct 2007 - 15:25)

Salut,

Ton style switcher est inutile, car il n'y a pas vraiment d'intérêt à changer de l'un à l'autre, vu qu'ils sont très proches niveau mise en page et contraste. L'intérêt serait qu'ils soient vraiment différents :
- niveau fluidité/staticité de la mise en forme,
- niveau lisibilité, tailles et contraste de texte, etc.
Présentement il n'apporte rien, sauf un bug en 800x600 car il chevauche partiellement le contenu.

Un agrandissement de la taille de texte provoque un décalage des coordonnées sous la partie d'entête, mettant à mal la mise en forme. Les éléments ont tous l'air de bouger d'ailleurs.
C'est d'autant plus gênant que ton texte est un peu petit vu que la police est serif, et qu'en 1600x1200, l'agrandissement est plus que nécessaire.

Sinon l'esprit est effectivement froid, mais propre. Il faudrait cependant enrichir d'un peu plus de graphisme ou de visuels, pour le rendre plus attractif. Et travailler les tailles, couleurs et contrastes des différents éléments typos pour créer une hiérarchie de lecture qui guide le visiteur.

Merci à tous pour vos informations.

J'essaie de rendre ce site le plus accessible possible. Pour ce faire, il faut effectivement prendre en compte les utilisateurs qui n'ont pas activé javascript.

Je me suis renseigné sur la balise <noscript>, mais elle ne semble convenir que pour les cas ou j'ai une balise <script>.

Mon problème, c'est pour ce genre de cas :

	    	<div>
				<a id="thumb1" href="maquettes/maxi-maquette-cv1.jpg" class="highslide" onclick="return hs.expand(this, { captionId: 'caption1' } )">
					<img src="maquettes/mini-maquette-cv1.jpg" alt="Agrandir l'image"
						title="Cliquez pour agrandir" /></a>
				<span class='highslide-caption' id='caption1'>
				    <a href="index.php5?useSkin=cv1" title="utiliser ce graphisme">Utiliser cette maquete</a>
				</span>
			</div>

Là, je n'ai pas de balise <script> ... Comment donc prendre en compte les utilisateurs qui n'active pas javascript ?

Ensuite, j'ai effectivement fixé mon adresse, en haut à droite de toutes mes pages. Comment la laisser à cette endroit, sans qu'elle n'empiète sur le reste de la page en cas de zoom ?

Concernant ma balise H1, je ne l'affiche pas car j'essaie en parrallèle de suivre la charte graphique de ma graphiste ... Je vais lui en parler, en espérant qu'elle me trouvera une solution.

Merci encore de votre aide.

Bonsoir,
attention à ne pas trop compresser les JPEG, cela engendre souvent des artefacts (impureté/default indésirables) trop visibles >
effets disgracieux en bord de zones et sur des traits, baisse de la precision et de la netteté comme c'est le cas ici (tes vignettes et les filets arrondis qui entourent tes zones de texte).

Quelques conseils : L'habillage graphique de ton CV est trop impersonnel et insignifiant. Je sais que ce n'est pas évident (surtout pour un novice!) mais essayes de de traduire graphiquement (couleur, forme...) ce qui te caractérise, ou alors tu peux miser sur une mise en page attrayante et efficace, sans fioritures
Modifié par Hermann (05 Oct 2007 - 21:44)

Salut,

Je t'avoue que je n'aime pas beacoup le site...
- page unique - vive les liens
- il faut cliquer deux fois pour changer le design
- tu n'utilises pas la page assez en largeur
- c'est écrit assez petit et le texte ne ressort pas vraiment
- c'est très neutre

Je te conseille d'un peu regarder les CV en ligne d'autres personnes pour avoir plus d'idées, par exemple via l'Open Directory Project ou éventuellement mon CV.
Modifié par Rador8 (19 Jun 2009 - 00:51)