C+ CARAÏBES C+T A/B Test

Optimisation UX/UI d’une page produit avec résumé d’offre sticky

Contexte

Pour le site de C+ CARAÏBES, un test A/B a été implémenté sur la page produit afin d’évaluer l’impact d’un résumé d’offre “sticky” (fixe à l’écran).

Ce résumé reste visible pendant que l’internaute fait défiler les détails de l’offre, et met en avant les principaux atouts : tarif, chaînes incluses, avantages.

L’objectif : réduire les frictions, améliorer la mémorisation, et augmenter les conversions dans un contexte d’offre d’abonnement numérique.

Maquettes de la page produit de CANAL+ CARAÏBES avec le résumé d’offre sticky

Problématique

Comment rendre l’information clé de l’offre toujours accessible tout en respectant les contraintes UX / UI du mobile et améliorer le taux de conversion sur une page produit complexe ?

Objectifs du projet

■ Intégrer un résumé d’offre visible en permanence (sticky) sur mobile et desktop
■ Améliorer la compréhension et la mémorisation des éléments clés de l’offre
■ Faciliter la recherche et le téléchargement des assets
■ Réduire l’effort de décision de l’utilisateur
■ Augmenter le taux de conversion et la valeur moyenne client

Démarche UX

Cadrage & hypothèse

■ Analyse de la page produit existante : longue page avec grande quantité d’informations et taux de conversion faible
■ Identification des contraintes techniques et UX : adaptabilité mobile, lisibilité, non-intrusivité

Hypothèse :

Si l’on rend visible en permanence un résumé d’offre clé, alors l’utilisateur prendra décision plus rapidement et le taux d’abandon baissera.

comportement attendu sur mobile – maquettes et prototype réalisées sur Figma

Conception et design d’interface

■ Création de maquettes haute fidélité sur Figma pour mobile et desktop
■ Design du résumé sticky : bloc fix-en-haut/bas de l’écran, avec tarif, bénéfices clés, CTA fort
■ Adaptation UI : contraste élevé, typographie lisible, icônes explicatives claires
■ Conception responsive : vérification sur petits écrans, optimisation des performances

Maquette desktop - Résumé ouvert

Maquette desktop - Résumé ouvert

Maquette desktop - Résumé fermé

Maquette desktop - Résumé fermé

Tests A/B & analyse

Implémentation de deux variantes :

■ Variante A : page produit standard
■ Variante B : page produit avec résumé sticky

Mesures : 
■ Taux de clics CTA, temps moyen sur la page, taux d’abandon

Résultats & impacts

Indicateur
Variante A
Variante B
Taux de clics vers le CTA « Sélectionner »
~2,0 %
≈ 2,2 % (+10 %)
~1 min 45
≈ 1 min 15
Taux de rebond mobile
~63 %
≈ 38 %

Le test a confirmé que la présence du résumé sticky améliore la conversion et le parcours utilisateur — démontrant qu’un design centré utilisateur et bien intégré peut générer un impact mesurable sur la performance.

Outils & méthodes

Mon rôle

UX Research : audit page produit existante, définition des indicateurs de performance
UX / UI design : maquettes Figma mobile & desktop, conception du composant sticky
Test A/B : définition des variantes, coordination de l’implémentation, analyse des résultats
■ Collaboration technique : liaison avec l’équipe front-end, suivi des performances et des retours utilisateurs

Enseignements

Ce projet m’a montré que la simplicité de l’interface, combinée à une visibilité permanente de l’information clé, réduit l’effort cognitif et accélère la prise de décision.
J’ai enrichi ma pratique de l’A/B testing UX et consolidé ma maîtrise du design d’interfaces “sticky” efficaces dans des contextes mobiles d’abonnement.

Synthèse UX

Problème : page produit avec information dispersée et faible conversion

Hypothèse : un résumé d’offre sticky améliorerait la visibilité et accélérerait la décision

Solution : intégration d’un bloc sticky responsive

Résultat : amélioration du taux de conversion