Chatbot shopping guidé — Etam, 2026

Contexte

La direction voulait repenser la manière dont les clientes naviguent sur etam.com, avec une idée forte : leur permettre de trouver le bon produit sans passer par le menu. Le méga-menu du site est riche, mais dense, surtout sur mobile, et il suppose que la cliente sache déjà dans quelle catégorie chercher. L'enjeu était de proposer un parcours alternatif, plus conversationnel, qui guide vers la bonne sélection en quelques clics et puisse vivre sur l'ensemble du site sans toucher à la navigation existante.

Approche

J'ai construit un chatbot guidé, sans IA : un arbre de décision qui pose des questions à choix (univers, envie ou besoin, matière, occasion) et mène à une sélection produit via un CTA. Le moteur (chatbot.js) et le contenu (chatbot-data.js) sont séparés, pour que l'équipe puisse modifier les questions, les libellés et les liens sans toucher au code, par exemple pour mettre en avant une collab comme Dojaka x Etam. Tout est en JavaScript natif, sans dépendance : le widget s'injecte dans le body, réutilise les classes de boutons du site, et reste pilotable depuis le HTML (délai d'apparition mobile/desktop, mots-clés d'URL à exclure, masquage sur les pages techniques sans footer). J'ai aussi soigné les détails qui rendent l'échange naturel et accessible : indicateur de frappe, badge de notification mémorisé par cookie, bouton « Chercher autre chose », rôles ARIA et zone de messages annoncée aux lecteurs d'écran.

Resultat

Le projet a été mis de côté, en attente de la migration de la plateforme e-commerce vers une nouvelle solution (Fin de SFCC)