Refonte de la Page Canal Rat+ et test utilisateur
-
Client
Canal (projet fictif, réalisé à l’École Supérieure du Digital)
-
Catégorie
UX/UI Design
-
Date de début
03/03/2025
-
Date de fin
10/03/2025
-
Logiciel
Figma, Miro
Overview
Dans le cadre d’un projet d’école réalisé en équipe de 4 étudiants à l’École Supérieure du Digital, nous avons été chargés de refondre la page de l’offre étudiant Canal+ (Rat+), en vue d’augmenter son taux de conversion auprès des jeunes de moins de 26 ans. L’objectif était d’identifier des points d’amélioration sur la page actuelle et de proposer une nouvelle version optimisée, testée avec des utilisateurs. Nous avons sélectionné trois axes prioritaires à améliorer :
- l’ergonomie
- l’accessibilité de l’information
- l’engagement utilisateur
Notre démarche
Après une analyse de la page existante, nous avons décidé de concentrer nos efforts sur trois aspects majeurs pour améliorer l'expérience utilisateur :
- Visuels dynamiques
Nous avons intégrer une vidéos, des carrousels et autres éléments visuels interactifs pour rendre la page plus engageante et immersive.e - Recherche simplifiée
Afin d’optimiser la recherche de l'offre, nous avons repensé la barre de recherche et ajouté des filtres. L’objectif était de permettre aux utilisateurs de trouver rapidement les films qui les intéressent tout en offrant une interface claire et intuitive. - Éléments principaux en sticky
Pour améliorer la visibilité des informations importantes telles que le prix, l’offre et les CTA , nous avons opté pour un affichage sticky. Ces éléments ont été placés de manière à être toujours visibles et accessibles, rendant l’interaction plus rapide, sans encombrer l’écran.
Notre démarche
Prototypage et tests utilisateurs
Après avoir développé un prototype interactif sous Figma, nous avons réalisé des tests utilisateurs
pour évaluer l’efficacité de nos choix. Nous avons effectué
7 tests pour observer l’impact de notre refonte sur l’expérience de navigation et sur le taux de
conversion.
Prototype interactif : Figma
Présentation et Recommandations : Google Slide
Guide d'entretien version animateurs : Google Doc
Guide d'entretien version testeurs : Google Doc
Grille d'observation des tests utilisateurs : Google sheets
Conclusion
Ce projet m'a permis de mettre en pratique le design UX/UI, le prototypage interactif sur Figma, et la conduite de tests utilisateurs. J’ai amélioré l’ergonomie de la page, simplifié la recherche et optimisé l’engagement utilisateur.
Travailler en équipe m’a aussi permis de renforcer mes compétences en collaboration et gestion de projet. Ce projet m’a donné une expérience concrète de la refonte d’une interface pour maximiser la conversion utilisateur.