KaptiProjet interne E-commerce
Un parcours d’achat conforme à l’EAA, et une recherche qui comprend « coussin bleu pour canapé gris »
Un grand magasin exige une déclaration d’accessibilité, et la recherche ne trouve rien au-delà de deux mots. Conformité et recherche sémantique en 8 semaines.
- Secteur
- E-commerce
- Mission type
- 8 semaines
- Budget indicatif
- À partir de 24 500 € HT
- Équipe proposée
- 3 leads du collectif
Projet interne, mené entre membres du collectif pour explorer le secteur e-commerce. Ce n’est pas une mission client : « Maison Rivage » est une marque de démonstration.
Contexte
Le besoin qu’on a imaginé, à partir de ce qu’on entend dans le secteur :
Un grand magasin veut référencer nos produits, à condition qu’on lui fournisse une déclaration d’accessibilité. En plus, notre moteur de recherche ne trouve rien dès que la requête dépasse deux mots, et 18 % des recherches finissent sans résultat.
Client type : Un grand e-commerce de décoration européen, directement concerné par l’European Accessibility Act depuis juin 2025.
Le défi
- 1
European Accessibility Act
Filtres, fiche produit, panier et paiement doivent être utilisables au clavier, au lecteur d’écran et en zoom.
- 2
Une recherche qui comprend l’intention
Couleur, matière, pièce, usage : la recherche sémantique transforme une phrase en filtres visibles et modifiables.
- 3
Ne pas casser la conversion
Chaque correction est livrée par petites étapes et mesurée.
La mission qu’on mènerait
Mission type de 8 semaines
Voici comment on mènerait cette mission chez un vrai client. Les écrans et la démo ci-dessous ont été réalisés pendant le projet interne.
- 1
Audit · Semaines 1 et 2
Audit RGAA de 15 pages types, tests avec 4 personnes utilisant un lecteur d’écran, une plage braille ou un zoom fort. Chaque non-conformité est classée : bloquante, gênante ou mineure.
- 2
Corrections · Semaines 3 à 6
Filtres, galerie produit, sélecteurs de taille et de couleur, panier, messages d’erreur du paiement. Côté design et côté code.
- 3
Recherche sémantique · Semaines 4 et 5
Recherche par le sens sur le catalogue, testée sur 200 requêtes réelles. La requête est traduite en filtres que le client peut retirer.
- 4
Suivi · Semaines 7 et 8
Déclaration d’accessibilité, règles intégrées au design system, formation des équipes produit et contenu.
L’équipe qu’on mobiliserait
3 leads, un rôle chacun
João Da Silva Marly
Lead de mission, front et accessibilité
Romain Peltier
Recherche et product design
Meril Banzouzi
Développement back et IA
Les écrans
Liste produits et recherche comprise. La phrase tapée devient des filtres visibles. Chaque filtre se retire au clavier, et le nombre de résultats est annoncé.
Fiche produit accessible. Galerie navigable au clavier, choix de couleur avec le nom de la teinte, informations de livraison lisibles.
Paiement et erreurs. Erreurs expliquées en clair, à côté du champ et en haut du formulaire, sans dépendre de la couleur.
Démo interactive
Vous cherchez un produit avec vos mots
La recherche comprend la demande et la traduit en filtres visibles, que vous pouvez retirer.
À vous de jouer
- 1Tapez une recherche ou gardez l’exemple
- 2Lisez les filtres que la recherche a compris
- 3Retirez un filtre : les résultats se mettent à jour
Une recherche traduite en filtres
Catalogue de démonstration. Composant accessible : chaque filtre se retire au clavier et le nombre de résultats est annoncé.
Nous avons compris :
Les objectifs visés
- Taux de conformité RGAA · Objectif : au-delà de 85 %
- Recherches sans résultat · Objectif : de 18 % à moins de 6 %
- Conversion du tunnel · Suivie à chaque mise en production
Ce que le client recevrait
- Rapport d’audit RGAA priorisé
- Corrections livrées en design et en code
- Recherche sémantique en production
- Déclaration d’accessibilité
- Règles d’accessibilité du design system