Coup de coeur de l'équipe pour le site : Baring.fr

Nous allons commencer une série d'articles pour vous présenter certains sites réalisés avec Kiubi qui ont particulièrement retenu notre attention. Nous souhaitons vous proposer un aperçu d’un certain nombre de bonnes pratiques, pas nécessairement originales ou nouvelles, mais dont les utilisations combinées peuvent, bien souvent, améliorer l’efficacité des sites qui les mettent en œuvre. Parmi les sites qui ont été mis en production récemment, Baring.fr intègre plusieurs éléments qui font que ce site mérite qu’on s’y intéresse de plus près.

Slideshow en page d'accueil

Baring.fr est un site qui, dès la page d’accueil, mise sur la présence de nombreux éléments graphiques, sans nuire pour autant à la qualité du contenu, pour attirer l’attention de ses visiteurs. La présence d’un SlideShow qui affiche des photos de qualité et d’une tonalité chaude contrastant avec les couleurs du fond plus classiques et plus froides, est utilisée ici pour mettre en évidence les produits de façon dynamique et visuelle. Il s'agit également d'un bon moyen pour proposer plus d'informations, comme de l’actualité, dans un espace restreint.

Réseaux sociaux

Une très bonne mise en avant des réseaux sociaux dès la page d’accueil, grâce notamment à un encart Facebook bien visible qui invite l'internaute à faire savoir à ses amis sur Facebook qu'il aime la marque. Le compte Twitter de la marque est quant à lui présent dans le footer du site.

Moteur de recherche

Le moteur de recherche n’est plus, par défaut, un champ vide : il suggère le type de données que vous pouvez rechercher. Ceci permet à l'internaute de ne pas se sentir "abandonné" et de l'aiguiller sur les différents termes à employer lors de ses recherches.

Zoom sur les photos produits

Dans les pages produits, les photos sont mises en avant grâce à un zoom très important au survol. Le changement de taille des photos, lorsqu’il y en a besoin, est rendu dynamique grâce à une animation. Ce qui ajoute un certain cachet au site sans pour autant jouer l'effet "Bling-bling".

Barre latérale contextuelle

Tout au long de la navigation sur le site, la barre latérale nous accompagne en se contextualisant, notamment en affichant de manière évidente un résumé de votre panier lors de la consultation d'une fiche produit.


A gauche, la barre latérale visible lors de la consultation d'une fiche produit. A droite, la même barre lors de la consultation du panier et du processus de commande. A noter la mise en évidence des différents moyens de paiement et des mentions "Paiement sécurisé" et "Satisfait ou remboursé" qui rassurent l'internaute.

Utilisation des tags

L’utilisation systématique qui est faite des tags permet de favoriser une navigation transversale ainsi que le maillage des liens internes.

Un footer important

Le footer, une partie bien souvent délaissée d’un site web, joue ici un rôle important puisqu’on y retrouve l’ensemble des catégories du catalogue, le fil twitter de la marque, l’ensemble des comptes sociaux de la marque ainsi qu’une inscription à la newsletter, le logo et les informations légales classiques.

En marge de la boutique

La démarche et la philosophie de la marque sont également clairement expliquées dans un ensemble de page où l’on peut voir ses ambassadeurs, mais également, ses partenariats et ses apparitions TV. Ce contenu est important. Avoir un site e-commerce ce n'est pas simplement gérer une boutique en ligne, c'est aussi communiquer sur la marque paralèllement aux promotions, et autres mises en avant des produits. Ces espaces d'un site marchand permettent aux internautes de s'approprier la marque, de la comprendre. Il va sans dire que c'est également un bon moyen d'améliorer son référencement.





Ce site est un coup de coeur de l'équipe car il allie l'ergonomie à un design sans superflu. C'est pourquoi nous tenions à le mettre en avant et féliciter l'équipe créatrice.