J'ai été chargé de mettre à jour le site pour une association étudiante de mon école de chimie.
Nous sommes partis d'un design et d'un code catastrophique (j'aurais pu le linker sur le topic des sites moches...), donc nous avons du tout changer de A à Z.
 
Le site du CERC Montpellier : http://cerc.enscm.fr
 
Charte graphique :
Nous exerçons dans le domaine de la chimie, donc nous voulions un design assez bleuté (propreté, eau, enviro, toussa), réhaussé d'une p'tite couleur supplémentaire. Ici vert flashy.
 
Il fallait que le design soit léger, car nos potentiels clients ne doivent pas être perdus sous une masse d'information, et je pense que le design final respecte ce choix.
 
Nous avons essayé de "baliser" au maximum la visite de l'internaute, avec une site qui se lit de façon très linéaire et fléchée. Je poste en partie pour savoir si cette lecture est aussi aisée que nous l'espérions. Il y a notamment de liens qui ne sont pas toujours explicitement indiqué (sur la page compétences notamment ).
 
Les nombreuses photos d'élèves sont là pour humaniser le site, et montrer nos ressources "humaines", qui sont la force de notre association.
 
Au niveau du code, nous avons essayé d'avoir quelque chose de globalent W3C compliant en XHTML 1.0 transitional. Il se peut qu'on ait 2-3 erreurs je pense, mais rien de catastrophique.
 
Voila, donc je voulais si possible votre avis sur la mise en page du site, savoir si la lisibilité est bonne (à force de travailler dessus, forcément on ne se rend plus bien compte...), si ça passe bien sous les navigateurs etc...
Merci d'avance pour vos commentaires, ça nous aiderait beaucoup!    

Le design est plutôt sympa, mais sans plus, par contre côté navigation -> catastrophique...
 
Le menu se "perd" dans le design, y a des liens partout et pas du tout identifiables...
 
La régle des 3 clics -> elle est où ?
 
Bref -> zéro pointé...

Moi je trouve ton design propre ainsi que ton code tableless
Pour la règle des 3  
 
http://www.fredcavazza.net/index.php?2003/11/28/46

 
Pas spécialement d'accord avec ce qui est écrit dans ce lien... Je suis d'accord que les régles c'est fait pour être contourné, mais la régle de 3 permet de s'imposer une façon de faire...
 
Moi je l'utilise... Par pour que mes (anciens) sites fassent du score, mais pour avoir une navigation simplifiée...
 
Et je suis desolé, mais sur microsoft.fr la régles des 3 est appliquée dans la plupart des cas

je trouve le design " dur " ou sec, je ne sais pas trop comment expliquer
 

Pyksel, merci pour tes commentaires, j'vais donc essayer de voir comment améliorer la lisibilité des liens.
Ceci dit, en ce qui concerne la règle des 3 clics (jamais entendue parler avant...), je crois la respecter, vu que le menu en haut permet d'arriver à tout les catégories,
sauf certaines sous catégories qui sont alors accessibles en passant par "compétence". Dans tous les cas j'suis en dessous de 3 clics nan?

En fait régle des 3 clics ca englobe aussi lisibilité... Ca signifie pas forcément aller en moins de 3 clics sur une page, mais d'arriver à des infos importantes de manièrte visible avec cette régle... C'est à dire mettre visuellement en avant les façon d'aller aux informations...
 
La régles des 3 n'étant qu'une pure invention théorique sortie d'on ne sais où, elle est quand même vachement utile je trouve.
 
Donc en fait il s'agit plutôt de mettre en avant visuellement menus et lien (voire même créer de mini banniéres pour les trucs importants) - voilà comment je la vois cette régle des 3...

Oki... donc je pense qu'il suffirait que je mette plus en avant les liens sur la page "compétences" pour accéder aux sous catégories, et je gagnerait déjà plus en lisibilité
Merci pour l'info  

pyksel -> peux tu donner un lien ou cette règle de 3 est le mieux appliquée ? Un lien microsoft par ex.  
 
Merci  

A mon tour alors...
1 un lexomil un verre d'eau.

Au niveau design le dégradé qui coupe le site en deux me gène terriblement.
Tu mets des couleurs mais c'est fade il manque une dominante chaude ou disons un bleu plus foncé bien plus foncé.

Police trop petite, marges trop faible, utilise l'espace mais surtout en laissant de l'espace.

Tu y gagnerais a créer des sous titres pour tes paragraphes et pas un gros titre et une page de texte ponctuée de gras dispersés. Il faut séparer tes idées avec des sous titres ça aide énormément pour s'y retrouver.

Tes titres on trop d'interlettrage c'est pas super lisible.

Une div pour placer une image c'est de l'humour ?

Il n'y a aucun h1, h2, h3...

J'eusse été toi j'eusse débuté par :

Et voila une seule div, un code logique, une hiérarchie, un Lactique content...

la mise en page du texte est plus que confuse
des bug dans les tabulations
le design simpliste et un peu "a l'arrache" je dirais
des couleurs pas forcement complementaires
profusion de degradés pas forcement bien gérés
utilisation de blocs noirs avec des couleurs degradées qui rends la chose un peu agressive.