Retour Histoires Eaux Banner

Histoires d'Eaux — Refonte e-commerce

Modernisation UX/UI et redesign complet de l’e-shop aquariophile

Contexte

Histoires d’Eaux est une référence en aquariophilie à Wavre. L’entreprise privilégie la qualité, le conseil et le respect du bien-être animal. Son vaste showroom propose des centaines de produits, et sa boutique en ligne, active depuis 2009 via une première version de leur e-commerce, en référence aujourd’hui plus de 7 000.

Avec le temps, le site web avait vieilli : ergonomie datée, navigation complexe, maillage interne limité et expérience utilisateur perfectible.

L’équipe Histoires d’Eaux nous a contactés pour une refonte visuelle et fonctionnelle complète, incluant :

  • modernisation du design,
  • amélioration du parcours utilisateur,
  • optimisation du SEO et de la structure,
  • intégration fluide des services existants (Mercator, Bpost, WorldLine, UPS).

Depuis la mise en ligne, la collaboration s’est prolongée avec le développement de Bubulle, un assistant virtuel intégré au site, présenté plus bas.

Refonte de la structure & architecture e-commerce

Dès la phase d’analyse, nous avons identifié un défi majeur : le catalogue comportait près de 51 rayons, rendant la recherche très compliquée.

Nous avons donc :

  • restructuré entièrement les catégories de produits,
  • simplifié la navigation via une architecture plus lisible,
  • intégré une barre de recherche interactive,
  • clarifié les familles et sous-familles pour réduire la friction.

Objectif : permettre à l’utilisateur de trouver rapidement ce dont il a besoin — novices comme passionnés.

Le processus de commande a lui aussi été revu :

  • intégration de Bpost via iframe (sans quitter le site),
  • paiement sécurisé WorldLine (anciennement Ogone) avec retour automatique dans l’expérience utilisateur.

Identité visuelle digitale : un e-shop “sous l’océan”

En créant le pré-design, un constat évident : aucune identité digitale cohérente n’existait.

Notre point de départ ? Le seul élément visuel disponible : un logo illustré représentant deux poissons.

À partir de cette illustration, nous avons imaginé tout un univers graphique marin :

  • palettes inspirées des profondeurs aquatiques,
  • typographies légères et organiques,
  • pictogrammes personnalisés,
  • illustrations et ambiances visuelles “sous l’océan”.

Le résultat : un e-commerce immersif, chaleureux et fidèle à l’esprit de la marque.

Design UX/UI du site & contenus clés

Le site propose désormais :

  • une page d’accueil riche, mettant en avant : produits à la une, nouveautés, promotions, marques, avantages…
  • une page Nos produits avec filtres avancés pour affiner la recherche,
  • une page dédiée aux marques vendues,
  • une page Entreprise pour présenter l’histoire et les valeurs,
  • un blog dédié aux passionnés, idéal pour le maillage interne et le SEO.

La navigation est simple, directe, et s’adapte à tous les niveaux d’expertise en aquariophilie.

Ce que cela apporte concrètement

  • Recherche facilitée : un catalogue volumineux devient accessible grâce à un système de filtres progressifs
  • Décision d'achat éclairée : la fiche produit centralise l'information avant ajout au panier
  • Flexibilité logistique : le client choisit son mode de réception dès le récapitulatif, sans étape supplémentaire
  • Cohérence technique : le tunnel d'achat s'appuie sur les intégrations ERP Mercator, Bpost et UPS pour garantir la fiabilité des stocks et des livraisons, y compris pour du vivant

Connectivité & intégrations techniques

L’e-commerce repose sur plusieurs intégrations clés :

  • ERP Mercator, via notre partenaire Echosoft, pour la gestion centralisée des produits, stocks et caractéristiques,
  • Bpost pour les livraisons intégrées,
  • UPS pour la gestion du transport du vivant (exemple : poissons)
  • WorldLine pour les paiements sécurisés.

L’objectif : fluidifier les opérations internes tout en offrant une expérience d’achat claire et fiable pour l’utilisateur.

Bubulle, l’assistant virtuel qui conseille comme un vendeur passionné

Avec plus de 7 000 références réparties en onze univers, le catalogue d’Histoires d’Eaux est un terrain de jeu immense, mais déroutant pour un débutant. Il ne connaît pas toujours le vocabulaire et ne sait pas forcément de quoi il a besoin.

Pour y répondre, nous avons conçu et développé Bubulle, un assistant conversationnel intégré au site. Son rôle : jouer le vendeur passionné qui vous guide en boutique, disponible à toute heure.

Un personnage de marque

Bubulle est la mascotte d’Histoires d’Eaux : un petit poisson chaleureux, un brin taquin, qui glisse de temps en temps un jeu de mots aquatique sans en abuser. Dès que la question devient technique, il redevient sérieux et précis.

Il apparaît dans une bulle flottante en bas de l’écran, sa bouche s’anime quand il « parle » et il interpelle le visiteur après quelques secondes. Pendant qu’il cherche, une algue ondule dans la fenêtre de conversation. Un outil pensé comme une extension de la marque, pas comme un widget générique.

Ce que Bubulle sait faire

  • Chercher en langage naturel : « un aquarium entre 100 et 140 litres », « des promos Eheim », « des bactéries pour un bac d’eau de mer de 30 litres »… Bubulle interroge le catalogue en direct : catégories, marques, prix, promotions, nouveautés et critères techniques (volume, dimensions, puissance, usage en eau douce ou en eau de mer…).
  • Afficher des cartes produits cliquables directement dans la conversation, avec nom, prix et image. Un bouton « Voir tous les résultats » ouvre la page catalogue avec les mêmes filtres déjà appliqués.
  • Guider les débutants : face à une demande vague, il pose une seule question ciblée (eau douce ou eau de mer ? quelle taille ?), explore le catalogue en silence et ne présente que le résultat, de façon concise.
  • Conseiller : pour les questions « comment… » (démarrer un aquarium, entretenir un filtre, compatibilité entre espèces), il s’appuie sur les guides rédigés par l’équipe d’Histoires d’Eaux et les propose sous forme de cartes à lire.
  • Répondre vite : les réponses s’affichent mot à mot, comme dans une vraie conversation, et une réponse complète arrive en 5 à 6 secondes, recherche comprise.

Ce que Bubulle change concrètement

  • Pour le visiteur : un conseiller disponible 24h/24 qui comprend son langage et l’amène au bon produit en quelques échanges plutôt qu’en dizaines de clics.
  • Pour Histoires d’Eaux : un service client de premier niveau qui parle avec la voix de la marque, met en avant les guides d’expert et laisse l’équipe se concentrer sur les demandes à forte valeur, vers lesquelles Bubulle redirige.
  • Pour le catalogue : une base mieux structurée, qui profite aussi à la recherche et aux filtres du site.
  • Pour le projet : une collaboration à trois, entre Histoires d’Eaux, Echosoft et Gintlemen.

Une IA fiable parce que bien cadrée

Bubulle ne cite un produit, un prix ou une caractéristique que s’il l’a réellement trouvé dans le catalogue. S’il ne trouve rien, il le dit et propose d’élargir la recherche plutôt que de combler avec des suppositions.

Ces règles ne reposent pas seulement sur les consignes données à l’IA : une partie est contrôlée par le code, avant même d’interroger le catalogue.

  • les catégories et les marques demandées doivent exister et être cohérentes entre elles,
  • les critères techniques sont validés contre les listes de valeurs du catalogue,
  • les prix sont repris tels quels, au format belge,
  • les cartes affichées sont celles des produits réellement cités dans la réponse.

Bubulle reste dans son périmètre, l’aquariophilie et la boutique. Pour les demandes complexes, les devis ou les projets sur mesure, il redirige vers l’équipe. Et si on tente de le détourner, il répond par une boutade en restant Bubulle.

Le vrai chantier : la donnée

Brancher une IA sur un site ne suffit pas. Pour que les recherches soient pertinentes, il a fallu enrichir le catalogue lui-même, avec Echosoft et l’équipe d’Histoires d’Eaux :

  • des mots-clés produits qui décrivent ce que l’article est ou fait, et non les mots qui apparaissent par hasard dans un texte marketing. Gintlemen a rédigé les règles de génération, Echosoft les a implémentées et testées avec le client,
  • des caractéristiques techniques structurées, propres à chaque catégorie, avec des listes de valeurs fermées pour éviter les doublons (« noir », « Noir », « black »). Les valeurs numériques permettent des comparaisons comme « au moins 300 L »,
  • un pré-remplissage assisté par IA pour les articles en ligne, puis affiné en plusieurs passes avec Echosoft et le client (listes de valeurs, nettoyage, unités).

Ce chantier profite à tout le site : catalogue mieux structuré, recherche plus fine, meilleure base pour les filtres.

Résultat

La refonte du site Histoires d’Eaux apporte :

  • une identité digitale cohérente et immersive,
  • une ergonomie moderne et optimisée,
  • une navigation intuitive,
  • un parcours d’achat fluide,
  • un conseiller virtuel, Bubulle, disponible 24h/24 et fidèle à la voix de la marque,
  • un e-commerce plus performant et aligné sur les besoins de l’entreprise.

Une véritable renaissance pour ce magasin spécialisé, qui allie désormais passion de l’aquariophilie, expérience digitale soignée et conseil personnalisé, y compris en dehors des heures d’ouverture.

Retour sur la collaboration

Histoire d’Eaux, le perfect serve Gin Mare Capri Edition

Épicé
Floral
Doux
Agrume

Si vous cherchez une agence web au top, à l'écoute du client et bourrée de talent, ne cherchez plus ! Compétence, originalité guident cette équipe pour des créations originales de sites sur mesure !

Eric Marchal

Histoires d'Eaux

Eric Marchal

Prêt à collaborer avec nous ?

Si votre projet nécessite réflexion, expertise technique et accompagnement stratégique, nous serons ravis d’en discuter.