• Aller au menu
  • Aller au contenu
  • Aller à la recherche
  • tutoriels
    • Catégories
    • actualités
    • html
    • css
    • javascript
    • responsive
    • design
    • accessibilité
    • développement
    • vue et nuxt
    • formats
    • web
    • Ressources
    • Les plus lues
    • Outils
    • Guidelines
    • Livres
    • Quiz !
    • Concours
    • Par niveau
    • Débutant
    • Confirmé
    • Expert
  • forum
    • Nouveau sujet/question
    • Catégories
    • Dernières réponses
    • Recherche
  • emploi
    • Offres d'emploi
    • Demandes d'emploi
    • Favoris
    • Poster une offre
    • Poster une demande
  • formations
    • CSS3 Expert
    • Flexbox et Grid Layout
    • HTML5
    • Vue 3
    • Nuxt
    • JavaScript
    • Accessibilité
    • Performances web
    • Intégration d'e-mails mobiles
    • Formation sur-mesure
  • S'inscrire
  • Connexion
  • Concours
  • Modalités
  • Concourir
  • Participants
  • Résultats

Cascading Style Summer Refresh 2010

Retour au concours

Statsr.net - Flickr Analytics par Le Zla

Voir en ligne http://statsr.net

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 3.600/10

Commentaires

annso
27 Septembre 2010 à 21h46

Je ne suis pas très convaincue par la nouvelle version. La publicité est bien trop présente, et quand on active Adblock Plus on ne comprends pas pourquoi le header prends autant de place. De plus, je trouve la grille assez bancale.

Shokojjo
28 Septembre 2010 à 01h07

Le logo est sympa, mais comme le dit annso beaucoup de pub c'est dommage... après je comprends que ce soit la source principale des revenus du site...

Le logo est pas mal, je le trouve design et épuré
Dans l'ensemble c'est une bonne prestation, même si je pense qu'il y aurait beaucoup de choses à améliorer pour mettre en valeur votre produit.

Tom

Le Zla
28 Septembre 2010 à 09h50

Merci pour vos commentaires, je suis hélas le premier à regretter la pub, mais la version pro du site n'est pas ouverte et c'est pour l'instant le seul levier de revenus du site. Mais le point est intéressant je dois retravailler leur intégration.

J'ai effectivement voulu quelque chose de très épuré, et me suis peut-être trop focalisé la dessus, au détriment comme le dit annso de ma grille de lecture...

Je reste preneur de conseils ;)

anais-id
28 Septembre 2010 à 16h30

coucou Le Zla,
Tout à fait d'accord avec annso pour la pub c'est dommage mais si c'est pour la bonne cause alors tant pis, sinon pour moi c'est trop épuré il manque de dynamisme; désolé. Mais il reste intéressent quand même.

designer1959
05 Octobre 2010 à 14h54

Je garde le logo, mais pour le reste…
Je déplore l'occupation sur toute la largeur d'écran, cette solution, naguère envisageable avec les écrans de petite ou moyenne taille est à proscrire aujourd'hui. Sur un écran de 27 pouces, la ligne de texte est démesurée, et, sauf exception, on sait que la lecture est confortable avec un nombre de caractères limités. Je trouve la partie basse un peu lourde. Cela contribue à donner une impression déstructurée. Pour la publicité, que je trouve toujours détestable, ce qui dans ce cas est particulièrement dommageable, c'est que c'est la seule partie colorée su site, elle attire donc fortement le regard, et on voit plus qu'elle. À mon sens, cette zone de la colonne de droite demanderait à être délimitée.

Le Zla
05 Octobre 2010 à 16h29

Hello Designer,

Merci pour ton commentaire, pour la largeur complète je me permets de t'arrêter, en effet dans sa partie membre (90% du site) le site affiche de gros graphs façon google analytics, la largeur est donc indispensable. Ensuite question de point de vue pour moi une largeur fixe est une perte d'espace conséquente à une époque ou les résolutions sont très disparates...

Je te rejoints par contre pour la colonne droite, qui manque de structure avec la pub (hélas indispensable)...

designer1959
05 Octobre 2010 à 21h26

Je suis retourné sur le site, si ce dont tu parles est le visuel qui ressemble à de petites collines en bleu, effectivement très allongé, j'ajoute que lorsqu'on resserre la fenêtre, il se produit un chevauchement sur ce schéma de la colonne de droite ( 3 navigateurs Saf, Fir, Ope sur Mac ). Mais ma remarque porte surtout sur l'allongement excessif des textes, et là, j'insiste : étirer en une seule ligne interminable un texte qui tiendrait agréablement sur trois à sept lignes est inconfortable pour l'œil et inesthétique. Je ne suis pas du tout un intégriste des règles, mais en typographie, c'est vraiment le b à ba, incontournable. Me remarque est justement liée au fait que nos écrans sont de taille et de résolution si étendues désormais et que ce site passe bien sur un portable, jusqu'à 20 pouces reste acceptable, au-delà, ça ne passe plus. On peut donc résoudre ça facilement en laissant grandir jusqu'à une taille raisonnable, et pas au-delà, ou contraindre au moins la typo. En graphisme, un principe veut que souvent, on dit mieux une chose en moins d'espace, et qu'on la dit plus mal en occupant le terrain de façon molle.
Voilà mes remarques à ce sujet.
Quand on a un logo de cette trempe, ça incite au respect et à l'excellence, et le reste déçoit, c'est dommage !

Le Zla
06 Octobre 2010 à 10h02

Merci pour ce retour précis encore une fois, je vais réfléchir à ne pas trop agrandir mes paragraphes afin de leur garder une consistance.
Pour les graphs larges à afficher ce n'est pas celui dont tu parles, ce sont des graphs réservés aux utilisateurs inscrits (exemple : http://www.flickr.com/photos/atlza/4967557798... )

Cela dit je tenterai après le concours de mieux identifier ma colonne de droite et le corps du site afin de faciliter la lecture et réfléchir à une meilleure intégration publicitaire.

Merci également pour les commentaires plus que positifs sur le logo, auxquels je ne m'attendais d'ailleurs pas...

designer1959
08 Octobre 2010 à 14h44

Merci pour le lien.
Une belle typo, la bonne couleur, ça suffit parfois, ou du moins ça aide bien !

Bonne continuation.

Riku Asakura
12 Octobre 2010 à 11h03

J'aime bien naviguer au clavier parfois... heureusement que les pub google ont des styles bien à elles, la outline m'a bien servi pour me repérer dans la page :p
Bonne continuation

Les commentaires sont clos.

 Alsacréations, un site dédié au <body> building  (Jean-Claude Vandamme)

  • plan du site
  • contact
  • formations
  • agence web
  • Retourner en haut de page

Alsacréations est une communauté dédiée à la conception de sites et applications web de qualité, grâce aux standards W3C, aux feuilles de styles CSS, aux langages HTML et JavaScript, et à l'accessibilité. Réalisé par l'agence web Alsacreations.fr · À propos et mentions légales · Données personnelles

https://www.alsacreations.com/