Médias · Prisma Media

Femme Actuelle

Tester avant d’investir. Industrialiser ce qui fonctionne.

Le client

Femme Actuelle

Magazine féminin hebdomadaire et site web, publiés en France par Prisma Media (Louis Hachette Group).

Lancé
1984
Format
Hebdo + web
Audience
18,9 M / mois
Éditeur
Prisma Media

Étude de cas Femme Actuelle · Le problème: Retenir les lecteurs plus longtemps, et les mener à l’article suivant.

Le défi

Femme Actuelle voulait plus de rétention, des sessions plus longues et davantage de navigation vers les articles suivants. Les nouvelles idées devaient faire leurs preuves auprès de vrais lecteurs du site en production, sans mettre toute l’audience en risque.

Test A/B 50/50FramerPostHogClarityMini-jeuxQuizNouvelle navigationAnimationsÀ lire ensuiteRétentionDurée de session

Notre collaboration avec Femme Actuelle

Un laboratoire de test au cœur du site en production.

Les designers UX/UI, puis les développeurs web, puis les lecteurs en production à 50/50, puis les données, puis une décision. Chaque nouveau module devait mériter sa place.

01Design

Concevoir de nouveaux modules

Nous avons conçu et développé de nouveaux composants et variantes de pages dans Framer : mini-jeux, quiz, nouvelle navigation, barres de progression et animations qui rendent la lecture plus gratifiante.

41 composants, 37 itérations de pages.

02Test

Le servir à la moitié des lecteurs

Les pages Framer ont été branchées sur le site officiel. Chaque nouveau module était mis en ligne pour 50 % des lecteurs pendant que l’autre moitié gardait la version actuelle, et PostHog et Clarity mesuraient l’écart.

De vrais lecteurs, du vrai trafic, une variable à la fois.

03Décider

Garder ce qui fonctionne

Selon le comportement des lecteurs, les modules étaient ajoutés ou retirés : mini-jeux, nouvelle navigation, transitions, animations. Ce qui améliorait la rétention et la durée de session a été industrialisé.

Des décisions fondées sur les données, pas sur les goûts.

Femme en rouge avec des lunettes de soleil dans un festival en plein air

Le laboratoire A/B

37 itérations de pages dans Framer

  • Chaque variante est une page Framer à part entière
  • Branchée sur le site officiel
  • Servie en direct à 50 % des lecteurs

Pages, fils et modèles d’articles ont été reconstruits en variantes Framer : classique, fil, vidéo coaching, nouvelle UI. 41 composants (9 Framer, 32 en code) les rendaient rapides à assembler et à mesurer.

Heatmap sur un module d’article Femme Actuelle

La mesure

PostHog et Clarity sur chaque variante

  • Où les lecteurs tapent-ils ?
  • Lisent-ils jusqu’au bout ?
  • Ouvrent-ils l’article suivant ?

PostHog répartissait le trafic à 50/50 et suivait les événements par variante ; les heatmaps et enregistrements Clarity montraient où se portait l’attention. Chaque module était comparé à la version actuelle sur la même audience.

Modules d’article Femme Actuelle : formats courts, quiz et bloc « posez une question »

Les modules

Une lecture plus engageante, article après article

  • Mini-jeux et quiz au sein des articles
  • Formats courts et bloc « posez une question »
  • Barres de progression, à lire ensuite et animations vivantes

Nouvelle navigation, animations et petites récompenses ont incité les lecteurs à poursuivre. Sept modules ont été prototypés et mesurés, et ceux qui augmentaient le temps de lecture et la conversion ont été conservés.

Comment tout se connecte

De Framer au site en production, puis à une décision.

Pages FramerVariantes
37 itérations
ComposantsDesign
9 Framer, 32 en code
Site Femme ActuelleProduction
De vrais lecteurs
PostHogRépartition 50/50
Feature flags, événements
ClarityHeatmaps
Enregistrements
RétentionLecteurs
Durée de session
À lire ensuiteNavigation
Articles suivants
NoctuaLaboratoire A/B
Faites glisser les tuiles

Ce que nous avons livré

Laboratoire A/B Framer branché sur le site en production

De nouvelles pages et de nouveaux modules servis à de vrais lecteurs du site officiel, sans mise en production complète.

Niveau 01 · Laboratoire
41 composants

9 composants Framer et 32 composants en code : quiz, jeu de mémoire, barres de progression, à lire ensuite, partage, applaudissements d’auteur, feature flags.

Niveau 02 · Composants
Tests 50/50 avec PostHog et Clarity

Chaque module face à la version actuelle, sur la même audience, avec événements, heatmaps et enregistrements.

Niveau 03 · Mesure
Mini-jeux, nouvelle navigation et animations

Ajoutés ou retirés selon le comportement des lecteurs, pour rendre la lecture plus gratifiante.

Niveau 04 · Engagement
Modules gagnants industrialisés

Ce qui augmentait le temps de lecture, la rétention et la conversion a été conservé pour le site.

Niveau 05 · Production

Mesuré sur de vrais lecteurs, conservé quand ça marche.

Des modules testés à 50/50 sur le site en production, mesurés avec PostHog et Clarity, et conservés uniquement quand les lecteurs y répondaient.

Répartition A/B sur le site en ligne50/50
Mesuré avec PostHog et ClarityEn direct
Modules prototypés et mesurés7
Itérations de pages37

Envie de tester sur de vrais lecteurs ?

Dites-nous ce que vous voulez améliorer. Notre assistant vous aide à le cadrer, puis vous choisissez : un appel de 20 minutes ou une réponse de l’équipe par email.

ou réservez un appel de 20 min

Autres études de cas

Toutes les réalisations