P O R T F O L I O

mode

Curseur

image

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.

image image

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.