Cascading Style Summer Refresh 2010
kanooa par bea
Voir en ligne http://www.kanooa.com/
Après refresh
Note obtenue : 6.189/10
Voir en ligne http://www.kanooa.com/
Note obtenue : 6.189/10
Les commentaires sont clos.
Ça span pour moi !
(Plastic Bertrand)
Commentaires
Simple, clair, mignon, code parfaitement valide, informations importantes qui nous sautant aux yeux... Du très bon travail !
Il manque peut-être juste un poil d'audace sur l'ensemble du design, mais rien à redire du reste ! :)
Hello,
Très réussi !!!
J'aime beaucoup, c'est clair, agréable, sympa, personnel, mais professionnel :)
Le code est clair, sémantique, valide, accessible.
Bravo, le site le plus chouette que j'ai vu pour l'instant, après 5 ou 6 notes distribuées :)
@Ariakan972 : Merci beaucoup !
@audrasjb : Merci beaucoup!
Univers graphique assez plaisant!
Une bonne utilisation de html5/css3, c'est appéricable!
Par contre niveau accessibilité je trouve à redire (j'ai toujours à redire de toute manière... :p) :
- pense à la navigation au clavier (utilisation du :focus)
- ajout des attributs width/height sur les balises img
- ...
Plus génant, sur la page folio, on est pas averti qu'au clic on va accéder au site en question. Présence d'un <a href="#"> sur la page d'accueil! Et absence de title sur les liens.
Perfectible donc, mais c'est en bonne voie!
Bravo en tout cas ;-)
PS: Et ajouter une favicon à son site, c'est pas grand chose mais ça fait tout de suite plus fini!
@ClementRoy : Merci pour ton commentaire, et pour tes remarques, que je trouve justes.
Je ne peux pas voter (je me suis inscrite il n'y a pas assez longtemps), mais je trouve très bien plusieurs des sites, surtout ceux de Ariakan972 et atelierwebactif.
Bon chance à tous!
Personnellement je trouve que ton site est bien; juste dommage sur le vert avec lequel j'ai du mal (mais c'est un point de vue purement personnel)
Tu es intégrateur ça se voit de ce côté là pas grand chose à redire, mais c'est vrai qu'une petite touche plus audacieuse de design aurait été la bienvenue! ;)
Bonne continuation pour la suite et bonne chance pour le concours Béa
Tom
J'aime bien l'originalité du graphisme !
Moi aussi le vert du hover m'a dérangé.
Pas forcément très fan du design, mais c'est agréable à utilisé et à lire.
J'ai aimé :
- La qualité du code
- L'usage des transformations 2D en CSS
- L'utilisation de @font-face
J'ai moins aimé
- Le design "fait à la main" en contraste avec certaines lignes dure du graphisme
J'ai également remarqué un petit bug, au survol du nom en haut à gauche, si on survol "Beatriz", seul celui-ci est flouté alors que si on survol "Dieguez", les deux sont flouté. C'est un peu dommage vu la qualité global du code ;)
Bien joué !!! J'adore.
Bonne chance à toi et bonne continuation !!!!
@onlinegraph : merci beaucoup, j'aime bien ton site aussi, il est solide, clair, et j'aime beaucoup le contraste des couleurs.
Bonne chance à toi aussi !!
@Jep : Merci pour ton commentaire!
oui, c'est vrai que mon design combine des graphismes "faits à la main" avec des lignes beaucoup plus carrées, donc ta remarque est pertinente, merci.
Des que j'ai un peu de temps, je vais aller revoir le survol de mon nom+prénom. Bien vu.
@Mabelle : Merci beaucoup pour ton commentaire!
Si, cette tonalité de vert est particulière, c'est vrai. Sinon effectivement j'ai essayé de faire un peu original, car mon ancien site me semblait maintenant trop carré, et avec trop de contenu.
@Shokojjo : Merci beaucoup! et bonne chance à toi aussi Tom !!
j'aime beauoup cette refont bravo.
Ce n'est plus qu'un "refresh", c'est carrément un nouveau site.
En tout cas c'est tellement plus humain que l'ancien que ça valait le coup de tout reprendre à zéro.
@Footeuz : Merci beaucoup !
@Shunkin : Merci pour ton commentaire.
Effectivement, j'ai tout changé, le graphisme, le code (même si mon ancien site n'avait que 2 ans, je trouvais déjà le graphisme et le code assez obsolète).
J'ai surtout voulu changer le "esprit" du site: pour la petite histoire, quand j'ai crée la première version, j'étais free-lance, et je pensais que avec un site solide et carré avec plein de contenu, je donnerais une image plus professionnelle de mon travail et de moi. J'avais donc mis mon nom que sur la page "mentions légales" en tout petit...
Maintenant c'est le contraire, avec le retour d'expérience (et aussi le fait que j'avais pas mal d'appels en me demandant le service RRHH ou le service commercial de la société...)j'ai compris qu'il valait mieux faire un site plus abordable, avec moins de contenu, en utilisant les nouvelles possibilités offertes par html5 et css3, dans lesquels je crois beaucoup) et plus humain, j'ai donc mis mon nom et ma photo bien visibles cette fois ci.
Si je garde encore le nom de domaine kanooa.com, c'est juste car sur mes cartes de visite l'adresse url est celle-ci, et car c'est aussi le nom de domaine que mes anciens clients connaissent.
Et bien... c'est réussi !
Quelques remarques, histoire d'être pénible : :-)
- quelques petites optimisations à faire pour que les perfs soient au top (compresser ta CSS, ajouter qq infos de mise en cache sur certaines images, éventuellement les sprites CSS pour réduire le nombre de fichiers téléchargés), mais je vois qu'elles ont été travaillées.
-idem aux autres commentaires : navigation au clavier, favicon, etc...
-une curiosité : je vois sur ta photo que mon curseur se transforme en lien, je clique... il ne se passe rien. Idem pour le visiter mon blog, c'est dommage, ça fait pas totalement fini. Autant éviter de mettre un lien qui ne mène vers rien.
Mais pour le reste, c'est propre, efficace, bien présenté, très bonne utilisation des fontes et des couleurs... c'est du très bon boulot. Je t'encourage à totalement le finir pour que ça soit de l'excellent boulot ! ;)
Site sympa, j'aime pas trop le vert du footer ni le CV au format pdf (une version HTML c'est sympa :)).
Sinon j'aime bien dans l'ensemble :]
Bonsoir
Je trouve le refresh de ton site très sympa et effectivement beaucoup plus humain et chaleureux que le premier :)
A mon niveau de connaissance, je trouve le code parfait aussi.
Ce qui me plait moins : l'effet hover sur le logo... j'aurai bien vu le crayon faire quelque chose (dessiner un trait par exemple, un peu comme on finit une signature)
Sinon, pour le vert... il n'est pas très en vogue ici ;)
Bonne chance
Il y a des idées que j'apprécie, la superposition des typo grenat, les petites photos, la matière papier en haut et les graphismes manuscrits, et justement, je regrette que l'ensemble du design n'ait pas cette touche-là. Car ce que je viens de mentionner semble annoncer un univers moins rigide, par exemple le cadre me semble raide. Le vert est en effet assez mal intégré, et je trouve les visuels un peu petits.
Je regrette donc un parti-pris pas assez affirmé, qui donne au site un style un peu daté par endroits.
@Nico3333fr : Merci pour ton commentaire!
C'est vrai que j'ai laissé certains liens "vides" , des que le concours sera fini, je vais tenir compte de toutes les remarques (que dans mon case je trouve très souvent très justes) pour l'améliorer.
Ah les sprites! ça que me plaît chez les sprites c'est bien sûr qu'ils réduisent le nombre d'appels au serveur, mais je ne les utilise pas autant que ça, je trouve qu'ils peuvent aussi avoir des contraintes. Surtout au niveau des possibles modifications futures des images contenues dans le sprite et tous les décalages qui vont avec... Donc pour moi, les sprites sont à utiliser...avec modération. Mais ce n'est qu'un avis personnel.
@p0ulpe : Merci pour ton commentaire!
Si si, on dirait que mon vert n'est pas très aimé! J'aime beaucoup cette couleur, mais vu le nombre de comm qui me disent qu'il n'est pas si beau que ça, je n'exclue pas d'essayer une autre tonalité ou couleur une fois le concours fini.
@cilou : Merci pour ton commentaire!
Effectivement, le but numéro 1 de la refonte était de donner à mon site un coté plus humain, personnel et chaleureux.
@designer1959 : Merci pour ton commentaire !
C'est vrai que mon site combine 2 "styles" différentes, comme l'avait si bien remarqué Jep.
J'aime bien les sites très graphiques, mais aussi les sites avec un design très propre et solide ou les informations sont claires et le contenu très lisible. J'ai donc essayé de combiner les deux. Mais je comprends que ça peut faire penser pour certains à un design pas très "défini".
Euuhhh...par contre qu'il fasse style un peu daté...je ne pense pas...
C'est vrai que " daté " n'est jamais un mot très gentil.
L'impression que j'en ai provient peut-être du vert ( non en lui-même, mais dans son rapport au reste du site ) ainsi que du gris de fond de page, un peu lourd, etc. de la manière dont les divers éléments s'agencent ensemble. Ce que je trouve très "moderne" ce sont les graphismes manuscrits, qui sont un peu desservis par des blocs parfois un peu rigides par ailleurs. Un vert plus clair aurait peut-être éclairé l'ensemble ?
C'est très sympa (pas constructif du tout mon commentaire... !)
ouah déja terminé le concours.
J'ai essayé de tous les voirs. Bravo pour le niveau.
En tout cas je suis content que celui là arrive dans les 20 premiers. Car c'était l'un de mes préférés.