Retrospectives sur quelques évolutions graphiques

Comme promis dans une note précédente, un petit retour sur quelques évolutions graphiques qu'a connu notre désormais bien célèbre site internet.


Évolutions sur le bandeau principal

Etape 1

Au début, nous avions un bandeau central assez foncé, qui présentait le logo, un gros détecteur de fumée, et un intérieur de maison où on pouvait d'ailleurs retrouver un detecteur incendie et ses ondes.

La tristesse du manque de couleur, l'incompréhension de ce représentait le détecteur et la présence de 3 pictogrammes qui mettaient une confusion à l'esprit de nos visiteurs (qui tentaient de cliquer dessus), nous a poussé à revisiter cette bannière.

Étape 2

La deuxième et actuelle version du bandeau aborde un fond de logo moins grave (moins foncée), des couleurs, nos messages, des produits, une famille, et le numéro de téléphone.

Mon propre avis est que cette version est bien plus impactante, car plus directe, et agréable car plus colorée.

... Peut être certains essayeront encore de cliquer sur les boutons "Détecter", "Agir" ou "Sécuriser".


Évolutions sur les visuels produits

Le travail sur les visuels des produits s'est fait, avant d'arriver à notre actuelle perfection (...), en 4 temps.

Prenons l'exemple du plus célèbre des détecteurs de fumée : Kidde 29 FR

Etape 1

A l'époque, nous sommes partis des photos brutes de nos produits, en sélectionnant évidemment, des visuels de qualité

Étape 2

Nous avons voulu donner une information visuelle à nos clients avec
- Des pictogrammes,
- La marque, ici le logo de Kidde,
- Certains attributs comme la norme NF,
- Et un élément différenciant du produit




Étape 3

Par la suite, nous avons voulu créer un visuel stable, avec une grille de lecture commune (c'est à dire des éléments que l'on retrouverait systématiquement au même endroit sur chaque visuel produit). Et surtout, nous voulions ici, participer à la création de l'ambiance visuelle du site, par un rappel des couleurs.


A ce stade, les visuels améliorés ne figuraient que sous forme de petites vignettes dans la liste des produits d'une gamme (par exemple dans la liste des différents détecteurs de monoxyde de carbone à vendre sur le site). Une fois dans la fiche produit, on retrouvait toujours le visuel initial brut.



Étape 4

Ensuite, nous avons synthétisé "tout notre art" en un visuel moins chargé, plus fluide.
Et nous avons été plus loin puisque depuis, c'est directement le visuel de chaque produit, en grande taille (version zoom), en photo produit, et en vignette de liste de produits.
Et en outre, l'intégralité des visuels du site sont repris de la même manière.
Si ce travail a été assez titanesque, il participe néanmoins à l'ergonomie et la beauté du site.


Évidemment, tout ceci étant en perpétuelle mutation, nous trouverons vraisemblablement tous ces visuels bien dépassés d'ici peu, au gré des remarques, suggestions, critiques ... ou nouvelles idées !