MADAME

MADAME

Logo avec une lettre 'm' blanche sur fond noir

Madame Figaro est l’application lifestyle et féminine du groupe Le Figaro. Elle propose un accès fluide à des contenus variés autour de la mode, de la beauté, de la culture et des tendances, dans une expérience mobile élégante et inspirante.

Contexte

Madame Figaro est un pilier éditorial du Figaro, incarnant l’élégance, les tendances, la culture et le luxe au féminin.
 L’application mobile, bien que fonctionnelle, souffrait d’un design daté qui ne reflétait plus la modernité éditoriale ni les codes visuels contemporains.


L’objectif

  • Moderniser l’interface sans refondre l’architecture

  • Rendre l’app plus désirable, visuellement forte, et dans les standards esthétiques actuels du digital média luxe

  • Offrir une meilleure valorisation des contenus : interviews, tendances, portraits, décryptages

Date : 2024

Produit : Application mobile iOS & Android

Rôle : Product Designer – UX/UI, tests utilisateurs, design system

Capture d'écran d'une application mobile affichant un article sur le Met Gala, avec une photo d'une célébrité en robe dorée et accessoires, entourée de photographes et de caméras.

Problématique

Il ne s’agissait pas de modifier l’UX globale, mais bien de mener une refonte UI ambitieuse orientée image de marque :

  • L’application devait dégager une identité forte et reconnaissable, inspirée des magazines papier haut de gamme

  • L’objectif : faire de l’app un produit “mode & édito” en soi, à l’image de Vogue, Stylist ou The Cut

Le challenge : moderniser sans surcharger, rendre premium sans figer, déclencher l’émotion visuelle sans perdre la lisibilité.

Une organisation de données sous forme de tableau avec deux sections principales : "Les points négatifs" à gauche en rouge et "Les points positifs" à droite en vert, chaque section contenant des sous-catégories et des notes écrites sur des post-it colorés.

Insights & learnings

Grâce aux tests utilisateurs et aux itérations, nous avons confirmé l’importance d’un rythme visuel fort et de cartes éditoriales clairement hiérarchisées. Les utilisateurs ont apprécié la lisibilité des titres oversize et la navigation fluide dans les carousels. Ce projet nous a appris à adapter l’esthétique magazine au scroll mobile tout en conservant l’élégance et l’impact des mises en page papier, et à anticiper les besoins de lecture rapide sur mobile pour guider nos prochaines créations.

Test & itération

Collaboration étroite avec la direction artistique du magazine papier

  • Ateliers avec la rédaction pour valider les ruptures visuelles

  • Prototypes testés en interne + retours de lectrices régulières

    Ajustements clés :

  • Réduction de l’usage des couleurs d’aplat trop sombres en mobile

  • Accentuation de l’interaction visuelle sur les carrousels

  • Fluidification du scroll dans les pages longues (effets de glissement)

Graphique illustrant les préférences en matière de cuisine, avec des pourcentages pour chaque catégorie : plaisir de cuisiner, plaisir de manger, faire plaisir à la famille ou aux hôtes, s'améliorer en cuisine, réussir des recettes, concevoir un repas équilibré, utiliser des ingrédients frais, découvrir de nouvelles recettes, ne pas perdre de temps, ou autres.

Resultat

Note moyenne App Store : 4,5/5

  • Augmentation du taux de clics sur les contenus de tendance et culture

  • Perception utilisateur (via test post-refonte) :

  • “On dirait une vraie expérience magazine, pas juste une app d’articles”

Charte graphique

Couleurs

Une palette élégante et chaleureuse, mêlant tons doux et accents vibrants pour refléter une identité premium et conviviale.

Palette de couleurs avec cinq échantillons : beige clair, rouge vif, blanc, gris foncé, noir, avec leurs codes hexadécimaux.

Typographie

Le duo GT Super Display et Source Sans Pro équilibre sophistication éditoriale et lisibilité, renforçant l’élégance et la clarté de l’expérience

Exemple de police de caractères avec l'alphabet, chiffres, et texte en différentes tailles et styles.
Exemple de police de caractères avec alphabet majuscules et minuscules, chiffres et texte 'Source Sans Pro'.
Illustration représentant les douze signes du zodiaque chinois, chacun illustré par une figure symbolique dans un style minimaliste en noir, blanc, et rouge.

Iconographie

Les illustrations, inspirées de l’astrologie chinoise et classique, donnent une dimension symbolique et esthétique à l’app, tout en renforçant son identité éditoriale.

Page web de mode et lifestyle avec plusieurs images de personnes, un diaporama, des boîtes de texte et des illustrations. Inclut une section avec un portrait d'une femme en noir, une maison hantée, des verres avec de l'eau, et un podcast intitulé « Mes nuits avec mes insomnies ».
Capture d'écran d'un téléphone affichant un article de mode et de divertissement de Madame Figaro, avec une femme portant un chapeau de cowboy, une tenue à motifs, et un fond avec des lumières floues
Capture d'écran d'un smartphone affichant un article avec une image de La Création d'Adam de Michel-Ange, où deux femmes en vêtements colorés discutent.
Capture d'écran d'une application mobile avec une section sur l'astrologie, affichant des symboles zodiacaux pour Bélier, Taureau, Gémeaux, Cancer, Lion, Vierge, Balance, Scorpion, Sagittaire, Capricorne, Verseau et Poissons.
Capture d'écran d'un téléphone affichant un article sur le défilé Saint Laurent printemps-été 2022, avec une image de deux modèles sur le runway, l'une en blanc et l'autre en noir, dans un contexte nocturne.
Capture d'écran d'une application de journalisme ou de blogs sur un smartphone, montrant des rubriques comme 'Le Petit Club' et 'Bijoux et montres', avec des images de femmes dans des environnements urbains et de mode.

Autres projets