Un salon important dans le domaine des énergies renouvelables se déroulant en fin d’année, l’entreprise Higéo avait besoin d’affiner le design de son site.
Bien qu’ayant parfaitement accompli son but, celui-ci nécessitait maintenant d’évoluer avec une nouvelle démarche marketing, servie par une nouvelle conception graphique.
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 !
Il s’agissait ici de récupérer un nuancier print existant, de l’adapter aux contraintes du web, voire de l’étendre.
J’ai donc récupéré des exports au format jpeg d’une plaquette et d’une chemise existantes utilisée par le client.
De même, j’ai obtenu un nuancier CMJN/Pantone de base, auquel j’ai ajouté quelques couleurs pour équilibrer et réchauffer l’ensemble qui me semblait manquer quelque peu de contraste tel quel, bien que le rouge particulier choisi par le graphiste précédent ait déjà possédé pas mal de personnalité.
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 il faut aussi repérer les éléments à présenter, les rendre facilement identifiables, en les 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.
Le style du site dans son ensemble
Les images suivantes sont des captures du site en ligne, tel que vous pouviez le voir au 20 Janvier 2010 :
