Regrouper les documents, s'inspirer d'une charte existante

L'entreprise utilisait déjà une série de documents imprimés possédant une identité assez forte et intéressante, avec des couleurs bien saturées, aisément portables sur le web en RVB.
Situation idéale : pas besoin cette fois-ci de penser à la conversion des couleurs pour de futurs documents "print" en créant mon nuancier pour le site, le trajet à faire étant l'inverse !

J'ai donc récupéré des exports au format jpeg d'une plaquette et d'une chemise utilisée, ainsi qu'un nuancier CMJN/Pantone de base, auquel j'ai ajouté quelques couleurs pour équilibrer et réchauffer l'ensemble qui me semblait un peu froid tel quel :

    Plaquette - Export .jpg d'un fichier .pdf d'une plaquette  Chemise - Export .jpg d'un fichier .pdf d'une Chemise format A4  La charte couleurs existante - Un bon point de départ

Décliner, rechercher, affiner

La charte des couleurs pré-établie, il fallait créer un vocabulaire visuel pour composer les contenus, les mettre en page.

Ces éléments constitueront le style du site à proprement parler. Il ne s'agit pas seulement de choix de typographies adaptées à Internet et ses contraintes, ou de style de titre ou de paragraphe, mais aussi de repérer les éléments à présenter, les rendre facilement identifiables, s'insérant dans l'ensemble du site sans qu'ils donnent l'impression de "pièces rapportées" :
Documents techniques, paragraphes explicatifs, dates, nouvelles brèves, formulaire de contact, panneau de message d'erreurs de ce même formulaire, etc ...

Quelques recherches pour la page d'accueil

Dans l'ordre : Une ébauche rapide, une modification après retour client, une ré-orientation avec mise en accent sur l'argumentaire de droite en Flash/As3, invitant le visiteur dans sa consultation du site.
C'est d'ailleurs cette dernière proposition qui sera retenue pour fixer l'ensemble du style du site.

    Maquette de la page d'accueil - ébauche rapide  Maquette de la page d'accueil - version modifiée après retour client  Maquette de la page d'accueil - Version finale validée par le client

Le style dans son ensemble

Les images suivantes sont des captures du site tel que vous pouvez le voir au 20 Janvier 2010

    Capture du site : Page du Concept Higéo - Partie supérieure  Capture du site : Page du Concept Higéo - Partie inférieure  Capture du site : Page du Réseau Higéo - Une carte Flash/As3