Illustration gestion de contenu

Vous voulez suivre l'actualités des applications web (cms, framework, outils collaboratifs, portails, outils de réseau social...), des outils et des tendances en matière de design et de développement web ? Vous souhaitez rester au courant des projets open source prometteurs ? Alors lisez notre blog et n'hésitez pas à commenter :)

Quelques billets sélectionnés :

A lire aussi :

Nodeo > Blog > Billet
 
Nov 24

Nouveau look pour nodeo.net : version 3, phase 1

Après deux semaines de travail, voici la 3ème version de notre site, qui je l'espère vous apportera une information plus complète, mieux structurée et mieux intégrée avec une identité graphique remaniée, un design plus ouvert et plus "web 2.0".

Identité Graphique

C'est également l'occasion d'un remaniement au niveau de notre identité graphique, qui commence par notre logo :

tl_files/logos/new_logo_nodeo.png

Le concept derrière ce logo est de mieux refléter au niveau de notre identité graphique notre attachement au logiciel libre, d'où l'utilisation d'un symbole simple (par conséquent qui est lisible à très petite - favicone - comme en grande taille) et (normalement) évocateur de liberté.

Un design plus ouvert : passage en 960px

Nous avons souhaité tirer parti de l'évolution des statistiques en matière de résolution utilisateurs (désormais moins de 6% d'internautes en 800x600 et inférieur) pour passer d'un design en 780px à un design en 960px (adapté à la visualisation en 1024x768 et supérieur).

AVANT

APRES

Nous sommes désormais plus en adéquation avec des moniteur de plus en plus grand et avec une résolution de plus en plus élevé, pour lesquels la consultation des sites conçus pour le 800x600 sont moins agréables à consulter.

Un design plus "web 2.0"

Sans vouloir tomber dans le piège de la mode, certaines tendances du design web actuelle (qu'on appelle parfois web 2.0) méritent qu'on leur accorde une considération car elles apportent un "plus" pour l'utilisateur :

  • illustrations vectorielles : l'usage d'illustrations vectorielles permet d'intégrer les éléments graphique au design avec plus d'harmonie et d'une manière plus facilement identifiable que lorsqu'on utilise des photos (visuellement plus complexes), ainsi nous avons ré-utilisé le vecteur du logo sur les deux côtés, afin de créer un rappel de l'identité qui se "fond" (nous l'espérons) dans le design
  • reliefs : de plus en plus, le design web s'enrichit d'effets visuels qui donnent une texture, une tri-dimensionnalité qui rendent l'expérience de navigation plus agréable (de ce point de vue certains éléments graphiques deviennent presque des "objets"). Par exemple le coin du post-it en colonne de gauche avec un effet d'ombre portée et de 3d vectorielles. Il s'agit de détail qui permettent, si l'on en abuse pas, d'ancrer certains éléments de design avec des analogies "objet".

Ce que nous avons en réserve pour la phase 2

La phase 2 du redesign de notre site va accroître les éléments d'interactivité, notamment un formulaire de devis en ligne qui vous permettra d'obtenir directement sur notre site une estimation du coût et du délai de votre projet en fonction des éléments fonctionnels et de design que vous avez en tête pour celui-ci. D'autres items sont également prévus, mais nous n'allons pas tout dévoiler ici ;)

 

Revenir