Tfoumax
Date :
2025
Team :
Design, tech, marketing
Contexte :
Case study ⸱ Streaming ⸱ SAAS
Directrice artistique & UI Designer
J'ai repensé la landing page de Tfoumax pour mettre les avantages et l'offre au premier plan et convaincre un parent en un scroll. Seule designer sur le projet, j'ai travaillé de l'analyse de l'existant jusqu'à la livraison, en collaboration avec les équipes produit, tech et marketing
Contexte
Tfoumax c'est la plateforme de streaming jeunesse du groupe TF1 pensée pour les 3-8 ans, un mix de programmes phares comme Miraculous ou Pat'Patrouille, et de contenus d'éveil et d'apprentissage comme Croco Doc et Petit Malabar. Plus de 4 millions d'abonnés sur tous les environnements : app, IPTV, FAI, CTV et partenaires.
Fin 2024, la période d'essai est réduite de 1 mois à 7 jours, les données montrent que la plupart des conversions se font dans les 3 premiers jours ou jamais. Dans un marché où les offres de streaming se multiplient, les utilisateurs arbitrent davantage leurs abonnements : convaincre vite est devenu une nécessité.
Moins de temps pour convaincre. Même besoin de convertir.C'est là que tout a commencé.
Un enjeu de conversion
7 jours pour convaincre un parent — chaque seconde sur la page compte.
Une offre peu visible
Les avantages et les prix étaient enfouis trop bas dans la page
Une image à moderniser
Face à des concurrents gratuits comme Okoo et YouTube Kids, Tfoumax devait se démarquer visuellement.
Mon rôle
Au sein d'une équipe pluridisciplinaire, Service Delivery Manager, Business Owner, développeurs front et back, QA et équipe éditoriale, j'étais la seule designer sur ce projet, de l'analyse de l'existant jusqu'à la livraison.
UI DESIGN
Refonte visuelle complète de la landing page- Création des maquettes et du prototype
- Respect des contraintes d'accessibilité
BENCHMARK & ANALYSE
- Analyse de l'ancienne page
- Benchmark des concurrents
- Identification des problèmes à résoudre
COLLABORATION
- Travail en étroite collaboration avec le Business Owner, le SDM et les équipes tech
- Intégration des retours de l'équipe Design TF1+
La V2 n'était pas le choix évident au départ. C'est en défendant une vision plus ambitieuse, avec le soutien de l'équipe Design TF1+, qu'on est passés d'une page correcte à une page qui convainc.
Le défi
L'ancienne landing page avait un problème fondamental : elle faisait défiler les parents trop longtemps avant de leur donner ce qu'ils cherchaient vraiment, le prix et les avantages.
Une offre invisible
Les abonnements étaient relégués en bas de page, peu clairs et ne ressemblaient pas à des éléments cliquables. Un parent pressé passait à côté.
Des avantages noyés
Sécurité, sans pub, espace parents, les arguments clés de Tfoumax étaient là, mais pas assez mis en avant pour convaincre rapidement.
Une image datée
Face à des plateformes comme Disney+ ou Okoo, le design ne reflétait plus la modernité et la qualité du service.
L'opportunité : restructurer la page pour que les bons arguments arrivent au bon moment, et transformer un simple scroll en décision d'abonnement.
Analyse concurrentielle
Nous avons analysé les plateformes de streaming jeunesse et grand public pour comprendre les codes visuels du marché, les mécaniques de conversion et la mise en avant des offres d'abonnement, afin d'identifier ce qui différencierait TFOU MAX.
CE QUE NOUS AVONS ANALYSÉ
Les codes visuels des plateformes de streaming
La mise en avant des prix et des offres d'abonnement
L'utilisation des personnages et de l'identité visuelle
La hiérarchie de l'information et la structure des pages
Les mécaniques de conversion vers l'abonnement
CE QUE CELA NOUS A PERMIS DE CROISER
Les limites de la mosaïque de visuels devenue un standard du streaming
L'importance d'incarner la plateforme avec des personnages détachés
La nécessité de remonter le prix pour réduire la friction à la conversion
L'opportunité de se démarquer avec un fond sombre dans un marché jeunesse dominé par les couleurs vives
Harvey Ball concurrentiel
Benchmark concurrentiel
Pousser plus loin
La première version était une évolution prudente mais pas assez différenciante. Convaincue qu'on pouvait aller plus loin, j'ai sollicité les retours de l'équipe Product Design de TF1+, avec qui je travaillais en parallèle. Leur regard extérieur a permis de confirmer et de préciser ce que je ressentais, et de repartir sur une direction vraiment plus ambitieuse.
VERSION 1
VERSION 2
CE QUI N’A PAS CONVAINCUE
Confusion visuelle
Cover identique à la homepage abonné
Avantages noyés
Arguments clés trop bas dans la page et pas assez mis en avant
Abonnements peu identifiables
Cards pas cliquable, offre difficile à lire
Trop d'information avant l'essentiel
Prix relégué en bas de page
LES DÉCISIONS PRISES
Fond sombre
Identité distincte de la homepage abonné & vision plus premium
Personnages en cut-out
Dynamisme sans mélanger les univers
Prix remontés en haut
Information clé accessible immédiatement
Cards redéfinies
Claires, identifiables et hiérarchisées
Structure épurée
Moins de bruit, plus de rythme
La page a été livrée et mise en ligne. La migration vers TF1+ n'a pas permis de mesurer l'impact sur les conversions mais ce projet m'a appris qu'une direction visuelle forte peut changer la perception d'une offre avant même que les chiffres parlent.
Prototype
Takeaways
Ce que j'aurais poussé plus loin :
Sans la décision de migrer vers TF1+, j'aurais aimé mesurer l'impact réel de la V2 sur le taux de conversion et continuer à moderniser les autres pages du site dans la même direction. Un test utilisateur sur la landing page aurait aussi permis de valider les choix visuels au-delà des retours internes.
Ce que ce projet m'a appris :
Défendre une direction quand l'équipe préfère la solution la plus prudente, c'est inconfortable, mais c'est souvent là que se joue la qualité du résultat. Ce projet m'a aussi confrontée à une réalité du métier : on peut livrer un bon travail et ne jamais en mesurer l'impact. La V2 n'a pas eu le temps de prouver ses effets la migration, vers TF1+ en a décidé autrement.
