Logo du blog d'InfoWebmaster

Nouveau design du blog

Le blog viens de se vêtir d’un tout nouveau design, très similaire au site InfoWebMaster. Cela le rend surement plus agréable à l’œil mais il est surtout beaucoup plus intégré a l’ensemble: site InfoWebMaster, Forum InfoWebMaster et Blog InfoWebMaster. Ce petit changement va être détaillé dans cet article.

L’idée

Il y a assez longtemps, lorsque le blog d’InfoWebMaster a été lancé, il n’était pas encore prévu qu’il prenne de l’importance. Au fil du temps il s’est révélé assez pratique pour révéler aux visiteurs l’actualité du site et occasionnellement présenter un article sur un sujet d’une thématique commune à InfoWebMaster.
A cause de l’importance grandissante de ce blog, le sentiment de séparation entre “le site” et “le blog” était assez grand. La principale cause (d’après moi) c’était le design et la difficulté de navigation entre ces deux éléments.

Pour remédier au problème l’idée consistait alors à faire d’une pierre deux coups en changeant un peu le site. Pour bien faire, deux étapes ont été nécessaire:

  • Modifier le design du blog pour reprendre les couleurs et la structure d’InfoWebMaster. Cela permet d’améliorer l’identité visuelle pour les visiteurs.
  • Ajouter un menu de navigation, très facile d’accès, qui permet de naviguer entre les principaux éléments qui compose InfoWebMaster (site, forum, blog).

Menu du haut

Il a été assez facile de mettre en place le menu vertical. Celui-ci semble apprécié des visiteurs et il permet de re-mettre en avant le forum (trop peu utilisé à mon goût). Voici l’aperçu de cet élément de navigation:

Menu haut dInfoWebMaster

Menu haut d'InfoWebMaster

Sachant qu’en occident, on écrit de gauche à droite et de haut en bas, l’oeil humain se pose tout naturellement sur le coin en haut à gauche d’un site internet lors d’une première visite. Ce menu est ainsi, idéalement placé pour que n’importe quel visiteur puisse le voir et l’utiliser.

Il faut noter qu’auparavant le lien vers le forum était placé sur la barre horizontale qui se situe en dessous de la bannière. En ce qui concerne le lien vers le blog, c’était pire, il était situé sur le menu de gauche sous la publicité. Les visiteurs était obligé de descendre sur la page pour découvrir le lien.

Design du blog

Le design de ce blog a posé quelques soucis. Certains visiteurs qui ont été voir le blog ces derniers jours ont probablement été surpris de voir un design tout casé. C’est malheureusement de ma faute, il y a eu quelques problèmes non prévu. Mais cela semble rentré dans l’ordre.

Conclusion

J’espère que ce nouvel habillage va plaire. Si vous le souhaitez, il vous ai possible de donner un avis, n’hésitez pas. Et je finirais ces lignes en m’excusant encore une fois pour les petits problèmes rencontré ces derniers jours.

Merci d'avoir lu cet article. Il vous reste maintenant plusieurs choix: parler de cet article à vos amis, imprimer cette page, commenter cet article, voir les autres articles de ce blog...

Amélioration du design de InfoWebMaster

Petite news peu commune pour vous présenter une nouveauté sur le design d’InfoWebMaster. Rien de bien exceptionnel, mais je vais vous montrer la différence (idéal pour ceux qui ne distinguent pas les nouveautés ou ceux qui découvre le site que maintenant).

Présentation

Il y a quelques jours à peine InfoWebMaster fêtait son premier anniversaire. Depuis près d’un de présence sur l’internet il n’a pas beaucoup changé son design. L’une des premières raisons c’est que ce n’était pas extrèmement nécessaire. Une autre raison c’est que je ne suis pas un as pour créer de jolie design agréable à l’oeil. Néanmoins, dans le but d’améliorer le confort de lecture des visiteurs et dans l’espoir de suivre mes propres conseils (dans le dossier “faire un site efficace“, voir la news nommé “penser au design“), un nouveau design a fait son apparition.

Cette news va simplement vous montrer la différence entre l’ancien et le nouveau.
(Lire la suite…)

Merci d'avoir lu cet article. Il vous reste maintenant plusieurs choix: parler de cet article à vos amis, imprimer cette page, commenter cet article, voir les autres articles de ce blog...