Bonjour,
La mise en page est simple et claire (enfin presque). Par contre, attention à ce fond "papier" qu'on retrouve régulièrement en fond de sites (merci google). Il y a plus propre et plus classe dans les fonds de papier. Là les couleurs sont trop jaunâtre, saturées et sales, l'image est trop dégradée et compressée, c'est moche et ça plombe le site. Un fond plus neutre et qualitatif sera tout de suite plus agréable à l'œil, le fond ne doit pas prendre le dessus sur le contenu, ce qui est le cas actuellement.
À éviter, la page d'introduction avant d'arriver sur le site. Ici elle ne sert à rien et fait perdre du temps, et accessoirement du trafic. Affichez directement le site.
Les lignes du texte courrant sont un peu longues. Éviter la justification complètement inappropriée ici. Ça fait des trous dans les phrases et les paragraphes ne sont pas assez consistants pour créer des "gris typo". On est vraiment gêné dans la lecture du texte par ce fond fluo, sale et agressif.
Les titres texte en bloc d'image, c'est pas top pour les moteurs de recherche. Maintenant avec Google font on peut insérer des typos sympas.
http://www.google.com/fonts
L'icône d'email est vieillotte, trouvez autre chose.
Le termite ressort mal sur le rouge dans l'emoticône de la barre de navigation. Pourquoi ne pas mette que le termine sans fond, ça serait plus rigolo, non ?
À tester aussi, le termite un moins gros. Là on ne voit que lui… et ce fond jaune.
Un exemple de site avec un fond papier/carton. On peut voir que c'est moins saturé, moins jaunâtre, plus propre et plus léger (motif de répétition). Si on appliquait ce fond à votre site, ça serait un peu trop foncé (ils utilisent des typos bold, blanches, de grande taille…), mais c'est ce type de fond qu'il faut trouver, quitte à l'optimiser sur un logiciel de retouche.
https://familyleaf.com/
En faisant une rapide recherche dans google, on trouve de multiples sites avec fonds papiers ! À vous de faire votre choix, unis ou rongés par les mites (mais pas trop), tout est possible. Un passage sur photoshop ou équivalent peut s'avérer nécessaire avant utilisation.
http://www.demilked.com/free-paper-textures-backgrounds/
…
Quelques exemples bien réalisés :
http://inspirationti.me/websites/paper
http://blog.spoongraphics.co.uk/articles/25-super-cool-paper-inspired-website-designs
Voilà rapidement, je ne suis pas allé voir le code, je laisse cette tâche à ceux qui auront un avis bien plus pointu et avisé.
En attendant la suite ?
Modifié par spongebrain (06 Nov 2013 - 15:45)
