Cascading Style Summer Refresh 2010
portfolio anais-id par anais-id
Voir en ligne http://www.anais-id.fr/
Après refresh
Note obtenue : 4.770/10
Voir en ligne http://www.anais-id.fr/
Note obtenue : 4.770/10
Les commentaires sont clos.
Ça span pour moi !
(Plastic Bertrand)
Commentaires
tu as quelques problème d'ergonomie, et de design
Enfin je pense que ça vaudrait la peine de regarder avec une personne qui pourrait te donner quelques conseils
Original :D
J'aime bien la description du profil !
@sogam
ba si ta d conseilles je suis prôneuse, mais après les gouts et les couleurs ne plaisent pas à tout le monde je respect t idées.
J'aime assez ton style, ton portfolio est sympa et stylé, par contre pour moi design et graphisme c différent donc certes graphiquement j'ai des lacunes mais question design la je trouve pas ( mon portfolio me ressemble, donc oui j'ai surement quelques problèmes d'ergonomie, et de design mais je suis loin d'être parfaite, je suis plutôt brouillon, et singulière tout comme mes idées!!!! ) voilou mais j'aimerai bien avoir de t conseils.
Tiens, une lorraine comme moi :)
J'aime beaucoup le design, mais effectivement, niveau ergonomie, ça pourrait être amélioré, on s'y perd un peu (le menu n'est pas constant, on retrouve les mêmes informations présentées différemment sur des pages différentes, ...). Instinctivement, on a envie de cliquer sur les (jolis) carrés de couleur (par exemple pour accèder à ton twitter ou ton facebook).
Des informations importantes (de contact par exemple) sont parfois contenues dans des images, ça n'est vraiment pas accessible.
Dans la partie portoflio, il aurait été intéressant d'indiquer à l'utilisateur ce qui se passe quand on clique sur un lien (parfois le téléchargement d'un fichier exe, parfois d'un fichier swf, parfois on est redirigé sur un autre site, ...)
Bon, mais sinon, c'est joli :)
coloré, sympa !
Salut,
Euuh, j'aime assez le design, mais en effet, niveau ergonomie, on a vu mieux ;) Niveau accessibilité, ben y a pas grand chose à consulter, à part des alt="Anais idriss graphiste" sur la majorité des images... le site est tout à fait inaccessible :\
Donc le gros point noir se situe bien sur les contenus, qui sont pour ainsi dire inexistants. Un point noir assez incontournable pour ce concours :(
Par contre, au niveau du design, j'aime beaucoup l'univers que tu as crée.
Sinon, de nombreuses erreurs de code, de sémantique, etc. :
- Sur ton formulaire, tu as :
<label>
<span class="match">Nom prénom</span>
<input type="text" class="jaune" name="nom" id="nom"/>
</label>
Le champ texte ne devrait pas se situer à l'intérieur de l'élément <label> et cet élément devrait être rattaché au <input /> (mal fermé d'ailleurs) par le biais de l'attribut for.
- Pas de niveaux de titres ;
- pas de méta description ;
- grosse divite au détriment de la sémantique (mais sémantique de quel contenus en fait ?)
- des divs vides par paquets...
Très original! Trop peut-être? C'est vrai qu'on s'y perd pas mal, mais après quelques temps ça passe tous seul alors c'est un début encourageant, et je trouve que c'est un très bon travail!
En revanche malheureusement pas mal d'erreurs CSS mais une grande promesse pour la suite! ;)
Tom
Très original! Trop peut-être? C'est vrai qu'on s'y perd pas mal, mais après quelques temps ça passe tous seul alors c'est un début encourageant, et je trouve que c'est un très bon travail!
En revanche malheureusement pas mal d'erreurs CSS mais une grande promesse pour la suite! ;)
Tom
C'est original, mais beaucoup de problèmes de conception relevant de l'ergonomie et de l'accessibilité déjà cités précédemment ;-)
@annso : merci, c'est vrai que question ergonomie c'est le fourbi, et pour la partie portfolio je pense revoir cela après le concours c'est vrai que c'est au point!!!!
@Shokojjo : pour le css c'est vrai mais c'est un peu le même problème pour tout le monde, si on veut utiliser les fonctions de css3 le css n'est plus valide
ok alors niveau ergonomique rien ne ressort tout à la même valeur c'est à dire qu'en premier le logo devrait être visible puis la navigation... ce qui parait logique puisque c la première chose qu'on fait kan on arrive sur un site...
Après il y un problème avec les couleurs dans le sens ou aucune ne signifient quelque chose c'est à dire rose=liens, bleu = titres (c un exemple)... ensuite je peux te conseiller ce site qui est très intéressant lorsque l'on débute http://www.pixenjoy.com/blog-webdesign et mê... pour les avertis également... règle de la gestalt, grille etc.
Ensuite pourquoi pas mettre des over sur tes images du profil pour écrire quelques chose... l'effet de roll over donne l'idée à l'utilisateur que le lien est cliquable ou qu'une action va se produire ce qui n'est pas le cas chez toi.
Voilà j'espère avoir été constructive, mais c'est clair qu'il est original mais peut-être trop ce qui fait qu'il sort des chantiers battus.
très original et créatif! j'aime beaucoup! :)
original et convivial, bravo!
Bonsoir Anaïs,
merci pour ton commentaire !
Original, c'est sûr ! Personnellement, pour ta refonte, j'aurai opté pour Flash, l'html ne te sert pas à grand chose ici et te complique même la tâche. Aucun texte en dur, c'est très mauvais pour ton référencement. Désactive les styles CSS sur ta page d'accueil pour avoir une idée de la manière dont les moteurs la perçoive.
Une question concernant les carrés colorés de la page d'accueil : pourquoi ne pas avoir utilisé une simple image (png) plutôt qu'une floppée de <div> ?
Sur ton portfolio, tu devrais ouvrir une catégorie par défaut (web par exemple), ça nous éviterai un clic inutile.
Pour le formulaire de contact, le bouton de validation mériterait d'être stylé pour être raccord avec le reste, les carrés twitter et facebook cliquables.
Tu as de l'imagination, c'est l'essentiel ! Pour le reste, tout s'apprend. Juste une question de temps et de motivation. je ne doute pas de la tienne !
Bonne chance !
@sogam : super pixenjoy ;)
Il y a pleins de trucs à améliorer :
- ergonomie
- performances
- accessibilité
Mais graphiquement ça me plait tellement que je vais mettre une bonne note.
Le graphisme est bon. Pourtant, ce n'est pas mon style, je travaille autrement. Nombreux sont les graphistes à déconsidérer un graphisme qui est différent du leur. Celui-ci est bon, original, pas dans l'air du temps, et ça c'est un très bon critère. Y ' en a marre des surenchères, des effets " cristal " à tout va, etc. Voilà un style qui s'affirme et va son chemin. Je regrette à la page contact, l'absence de liens sur les plots colorés, et surtout la typo intéressante en grands caractères ne passe plus du tout en petit. Il y a sûrement des progrès techniques à faire, ou une association à trouver, mais poursuivre une voie originale de créativité est très stimulant.
@designer1959
Merci pour ton commentaire il me fait plaisir.
Pour la partie graphique et design , merci j'ai beaucoup travaillé dessus afin que celui-ci soit cohérent avec mon univers et moi. Par contre question code et programmation c'est vrai l'effort n'est pas là, manque de temps, j'ai découvert le très tard , mais c'est sur je me remets au code à fond dès la fin du concours. Je compte bien prendre note de toutes les idées proposées comme : les liens sur la page contact, le bouton , une meilleure ergonomie et surtout une meilleure programmation. Encore merci pour ton commentaire, il me rassure et me donne un peu plus confiance face à mon style très critiqué dès le début du concours.
@shunkin
Merci beaucoup sa ma fait plaisir que tu apprécié mon travail graphique (enfin!!!) et oui je vais améliorer les trois points.
@velvet
Je n'est pas opté pour du flash car l'ancienne version été en flash et pour moi flash =problème d'accessibilité ( ex : i phone), j'ai donc volontairement remplacer mon flash par du jquerry et un meilleur ccs.
Pour ce qui est de mon référencement, joker c'est sûr c'est totalement à revoir!!! j'ai eu très peu de temps pour refaire le site et j'ai préféré favoriser le design que la programmation!!! Pour les carrés de la page d'accueil, c'est volontaire aussi car normalement il y aurait dû y avoir des images cliquables ( à savoir les projets présenter sont minime comparer à se que j'aurai aimé présenter.
Mais merci de tes idées et de tes encouragements.
@negstek merci
@laurie merci, le tien est sympa aussi
@sogam merci pour tes idées, je pense apporter des modifications
Beaucoup d'erreurs de jeunesse j'imagine (la navigation pourrait être améliorée, histoire qu'on puisse aller de section en section sans repasser par l'accueil)... les perfs sont à finaliser, peu de textes en dur, pas de favicon, le CV en PDF est introuvable (erreur 404), etc....
mais il y a un je-ne-sais-quoi qui me plait... et l'originalité. Gros coup de coeur pour ma part pour un site original, à contre-courant, et ça fait du bien de sortir des sentiers battus !
Perfectionne ta technique, elle servira à appuyer ta créativité.
On ne devrait jamais trop s'émouvoir de critiques basées sur le seul goût d'autrui, une vraie critique constructive nous fait voir une chose qu'on n'avait pas vue, ou pas considérée assez sérieusement. Nous autres graphistes, passons un temps considérable à essayer de programmer… tandis que nombre de programmateurs s'essayent au graphisme, et quand il se piquent d'en parler, cela devient parfois risible, mais pas toujours. Le propre d'un style hors du commun est qu'il sera rejeté longtemps, il faut donc garder son cap sans arrogance et restant à l'écoute de ce qui nous fait avancer sur le chemin de création. Cela dit, nous faisons aussi des emprunts ( volontairement ou pas ) à de brillants prédécesseurs… En cela la programmation et le graphisme se rejoignent. Restons donc modestes ET originaux !
Bonjour Anaïs,
Ton site à un petit côté Shönen dans la recherche graphique et j'aime beaucoup.Il y a une artiste qui sommeille en toi, et qui ne demande qu'à bosser à fond dans un style bien défini. Une fois que tu auras la maitrise de ton univers graphique, tu verras le succès arrivé, enfin c'est ce que je te souhaite. Je passe sur l'ergonomie qui a bien été discuté...pour parler d'accessibilité : que le contenu soit lisible lorsque l'on désactive la CSS et le javascript avec une navigation identique à toutes les pages, c'est le principal...parler "d'accessibilité" à une graphiste je trouve cela un peu décalé.
Encore un design où je préférais l'ancienne mouture, très jolie, très ergonomique, accessible. L'idée actuelle est bonne mais plus hermétique au visiteur.
Coucou anaïs,
Le design est un peu enfantin. Mais pourquoi pas.
Sur la page de contact il n'y a pas de lien sur Facebook ou Twitter,
L'ergonomie pourrait être améliorée : pour accéder à tes travaux cliquer deux fois. Il est possible de les rendre accessible presque immédiatement avec un seul clic (tout en conservant les rubriques : web, design, print, extra)
J'ai bien aimé la présentation du profil. J'ai eu l'impression que le site était à ton image.
Je ne suis pas fan des choix graphiques mais j'ai senti que tu as voulu mettre en valeur ton univers (fait de boites à priori). C'est frais, le refresh se voit.
Pour me répéter avec les autres commentaires, il est vrai qu'on se perd dans le site, il faut revoir la navigation.