Cascading Style Summer Refresh 2010
Pascal et Alain Lorieux, viticulteurs par AubinDesign
Voir en ligne http://vinslorieux.com
Après refresh
Note obtenue : 5.660/10
Voir en ligne http://vinslorieux.com
Note obtenue : 5.660/10
Les commentaires sont clos.
Alsacréations, un site dédié au <body> building
(Jean-Claude Vandamme)
Commentaires
Code valide et bonne présentation sous IE6, c'est rare dans ceux que j'ai vu, à souligner ! :)
Design clean.
Design clean, mais je trouve que ça manque parfois un peu d'harmonie entre les différents menus/titres.
Par ailleurs, le site semble encore en construction : à part la page d'accueil, le contenu n'est pas très développé.
Design très épuré limite simpliste, c'est un peu dommage selon moi.
Sinon dans l'ensemble c'est une prestation correct, il y a pas mal de choses à améliorer d'un point de vue design surtout dans le milieu viticole selon ou l'importance de mettre en avant son identité visuelle sur tous les supports!
Bonne continuation et bonne chance pour le concours!
Tom
Merci pour tous les commentaires. Concernant le contenu c'est vraiment vide je vous l'accorde, le temps a manqué comme pour pas mal de personne. Il est donc évident que le visuel visible sur toutes les pages variera selon la section. Et que le site sera étoffé de bien plus de photos.
Concernant l'image qu'on a voulu donner, c'est comme vous pouvez vous en rendre compte de la sobriété. Tout en restant dans un design classique pour ne pas perturber les visiteurs qui reste il faut l'admettre un public d'un certaine âge et pas toujours habituées á l'outils informatique.
Merci en tout cas pour vos commentaires que ne pourront que faire progresser le site.
Hello,
Perso, j'approuve le choix du design simple. C'est très propre.
Côté code :
- ne pas mettre le <h1> en display:none/visibility:hidden, çaÿ mal ;)
- hiérachie des titres incorrecte (h1>h3 au lieu de h1>h2) ;
- beaucoup de divisions ;
- passer les appels de script en fin de document si possible ;
- regrouper les différentes feuilles de styles.
-Autant pour moi pour le <h1> j'utilise habituellement la methode text-indent.
-Sinon concernant La hiérarchie des titres. Je ne suis pas totalement en accord avec toi. Dans une optique de référencement on se base plus en importance du terme. Ainsi Il y a pas utilité de mettre actualités en h2. Ce terme est présent partout. J'aurais tout autant pu le mettre en span.
-Merci pour le conseil des scripts mais est-ce vraiment utile ? Si l'on regarde de gros site tel que facebook et j'en passe. Les seuls scripts passé en fin de document sont les gestions des maps etc..
Juste une remarque personnelle : côté design, c'est un poil trop simpliste ^^"
Simple et efficace, j'aime beaucoup !
le refresh du site fait beaucoup plus classe, c'est simple mais fonctionnel, j'aime bien :)
Sinon, je trouve le code plutôt propre (sauf les trous dans la hiérarchie et les polices en taille fixe) bien que j'ai un peu de mal à comprendre comment un site aussi simple puisse avoir autant d'appel de feuilles de style... par contre, pas de feuille de style pour l'impression, dommage...
Il faudrait peut être penser à une page mentions légales.
Je rejoins @audrasjb et @cilou sur les remarques.
C'est vrai aussi que c'est dommage pour le contenu.
Concernant le style "simpliste" (selon certains des commentaires), c'est vrai que cela fait très CMS.
Mais si l'on compare l'ancienne et la nouvelle version, il y a un monde, un vrai bel effort a été fourni.
De plus, le code est propre et valide W3C, what else?
Malgré quelques axes d'amélioration, c'est déjà un bon travail.
Bonne continuation.
@mat_dev - Oui en effet pour le contenu c'est assez gênant, mais le site se faisant sur du temps libre. Il n'est pas toujours facile de le caser dans l'emploi du temps d'autant plus avec les périodes de vendanges qui approchent, le rédacteur étant le responsable de l'exploitation (mon père).
- La page mention légal fait partie de l'intégration contenu donc ça se fait petit à petit. Mais elle désormais disponible sur le site.
@cilou - La multiplicité des feuilles de styles est du au faite que j'utilise 960grid et des resets et que dans mon organisation préliminaire j'aime répartir en plusieurs feuille de style mon site pour au final les regrouper.(ce qui est désormais le cas ;) ).
- Il faut aussi comprendre dans le choix du style "simpliste" qu'on n'est pas ici en présence d'un portfolio. On n'est donc pas sur la même optique de communication : ici le but n'est pas de montrer des performances graphiques ou techniques pour se vendre mais plus de mettre en valeur un produit de qualité tout en sobriété.
- On se base bien en effet sur un cms pour qu'il soit possible très facilement d'actualiser le site par une personne extérieur au monde informatique.
En tout cas merci pour tous ces conseilles. Repassez voir le site à l'occasion quand le contenu sera entièrement intégré !!
Le saut qualitatif avec la version précédente est un sommet du genre : la refonte s'imposait. Contrairement à de nombreuses remarques sur l'aridité du graphisme, je le trouve de grande qualité, la typographie soignée, la charte graphique élégante, les rubriques très aérées rendent la lecture facile et agréable. Les visuels sont, en général, de bonne qualité. Il faut dire et rappeler que le graphisme n'est pas nécessairement une débauche de gadgets en tous genre et de couleurs bariolées, tout dépend du sujet ! Or, la sobriété des couleurs, la typo en Elzévir répondent au thème de ce site. Autre remarque : le style dépouillé de ce type de graphisme est intemporel, il dépasse les modes.
Tout à fait d'accord avec designer1959, ce design est même selon moi l'un des plus réussi du concours. Je le trouve parfaitement en harmonie avec le contenu présenté sur le site.
Salut,
Pas très original pour un concours, mais pour ce qui est du site, ça marche bien. Clair et aéré, on lit tout bien, pas de parasitages. C'est déjà beaucoup, au regard de nombreuses moutures franchement illisibles
@designer1959 et @audrasjb - Un grand merci. Vous allez peut être un peu loin dans les félicitations concernant le design mais ça fait toujours plaisir.
@chamomor - Le but principal du site n'était pas de faire partie du concours d'alsacreation. Mais ayant été créé dans la même période, je me suis dit que ça permet d'avoir un avis de la part d'internaute assez avertie.
On m'a reproché d'avoir un peu la dent dure, et je pinaille facilement. Mes compliments sont donc justifiés, ce qui ne signifie pas que le perfectionnement soit impensable bien sûr, mais quand un travail est bon et solide, pourquoi ne pas le dire clairement ? Surtout à partir de la précédente version ! Pour la prochaine refonte, je vous promets d'être plus pointu dans les critiques.
Cordialement
Y a du potentiel sans aucun doute, ce style sobre et épuré me plait bien.
Les perfs sont bonnes, y a des efforts, et ça se voit.
Il faut finir ce site, personnaliser les photos, ajouter le favicon, rajouter quelques contenus (+ tous les commentaires des autres), ajouter le :focus pour naviguer au clavier, et ça sera une réalisation pleinement finie plaisante et fonctionnelle.
Je vous encourage à redoubler d'efforts, vous avez ici une très bonne base à magnifier ! :)
Ce site est intéressant, rien de "gros" à dire. Juste un petit truc: à mon sens il manque des effet de survol sur les menus et sur les 3 images du bas de l'accueil. Sinon, à part le curseur qui change, on voit pas que c'est cliquable, et pour des "non initiés" ça peut être dérangeant.
Bon courage!