Après plusieurs semaines de travaill, Olloweb a réalisé la refonte graphique et technique du site inforlab Chimie.fr. Il s’agissait de repenser l’architecture du site et de revoir la navigation par catégorie. Egalement de simplifier l’interface graphique pour plus de lisibilité.
 |
| La première version du site Inforlab Chimie |
 |
| La version 2 du site Inforlab Chimie |
Les versions précédentes.
Il s’agit de la troisième version du site Inforlab Chimie. La première version était développée en HTML sans langage dynamique. Avec l’augmentation du nombre de produits et la fréquence du changement des informations techniques, la gestion est rapidement devenu difficile voir impossible.
La première refonte a donc consisté à proposer une gestion dynamique du catalogue produit par un CMS de gestion. Coté utilisation, l’objectif était d’accéder rapidement aux fiches produits par l’intermédiaire d’un menu toujours visible sur le coté gauche du site. Mais à l’utilisation il s’est avéré que le menu prenait une place trop importante notamment du fait de la longueur des titres.
Olloweb a donc réorganisé l’accès à l’information produit par un menu situé en haut de page. Le menu affiche 4 catégories qui redirige l’internaute vers une page affichant les sous catégories avec photo, puis vers la fiche produit.
Il s’agit d’une navigation par étapes, qui oblige l’utilisateur à parcourir des pages intermédiaires avant la fiche produit. Cette approche est compensée par un moteur de recherche pour un accès direct à l’information. Avantage d’un menu en haut de page : une place plus important pour afficher les informations sur la partie centrale. Ainsi le texte, les photos gagne en lisibilité.
Pour cette refonte, nous avons supprimé l’accès aux comptes privé et l’inscription newsletter pas utilisé par les clients. Nous avant ajouté un menu de navigation inter produit. Un zoom multi-photo est également disponible et accessible sous chaque vignette.
Au final cette nouvelle refonte correspond bien aux attentes des utilisateurs en proposent différentes modes d’accès à l’information, une interface graphique pro et lisible, une organisation de l’information claire et efficace.
Voir les planches proposé pour la création graphique. |
