Présentation du produit lors du Adobe Digital Publishing Summit chez Adobe (2.14 min).Keynote réunissant le monde de la Création Digital et des Publisher comme Le Monde, Condé Nast, Red Bull, Renault Digital...
Regardez ma Keynote en 2013 en entier (24min) : Skills Esprit de synthèse - Presentation - Speaker .
Objective
Quels défis Le Figaro a-t-il rencontrés lors de la transition vers une expérience digitale sur iPad?
Je détaillerai également l'évolution du magazine, étayée par des analyses statistiques rigoureuses, et soulignerai l'investissement humain substantiel qu'a nécessité une production numérique de haute qualité, en contraste avec les solutions automatisées.
Enfin, je partagerai des réflexions sur notre collaboration avec les agences publicitaires et l'impératif d'un design raffiné pour les annonceurs premium.
Problem to fix
Concevoir pour un appareil qui n'existe pas encore
Au début, les designers devaient développer et imaginer des concepts pour l'iPad alors que l'appareil n'était pas encore disponible. Pour pallier ce manque, ils ont créé des animations After Effects incrustées dans des images de tablettes pour présenter leurs idées à la direction
How might we….
Le fossé entre la conception et la réalisation technique
En tant que designer, je ne codais pas. J'ai ainsi créé un concept de magazine sous forme de PDF avec des zones cliquables pour simuler une application. Cependant, la direction s'attendait à une véritable application fonctionnelle, mettant en lumière la limite entre la conception et la capacité à développer une application interactive. Les designers étaient limités dans leur capacité à transformer leurs concepts créatifs en applications concrètes à montrer à la direction et à la régie publicitaire.
Design solution
La nécessité d'un outil de création adapté
Le groupe a ressenti le besoin d'un outil permettant de passer facilement de leurs maquettes design (réalisées dans InDesign par exemple) à une application iPad fonctionnelle, sans dépendre entièrement des développeurs et des problèmes potentiels de mauvaise interprétation des maquettes. L'accès à la pré-version gratuite d'Adobe DPS a été une révolution car elle a permis de créer des applications design directement à partir d'InDesign, sans nécessiter de codage.
Découvrez la vidéo de positionnement du produit. i-mad = Madame figaro exp + Web Figaro.fr/madame
Action plan
Convaincre de l'intérêt du "full digital"
Au sein du studio de création, ils étaient convaincus de la valeur ajoutée d'une expérience "full digital" par rapport à une simple liseuse (qui ressemblerait à un PDF) pour les abonnés habitués à la mise en page papier. Il fallait défendre cette vision auprès de la direction et de la régie.
Production of the Digital cover of the 1st Woman Digital Magazine in France.
Production challenge
Expliquer le concept du contenu digital dès Les shootings
Lors du shooting pour le lancement de "imad", il a été difficile d'expliquer à la mannequin la nécessité de se déshabiller pour du contenu digital. Cela souligne un défi dans la compréhension et l'adaptation des pratiques traditionnelles de la presse magazine au format digital.
Moi dirigeant le Top Model Heather Marks pour notre expérience Digital
Le Digital doit se greffer à la production print
Une direction claire et un résultat époustouflant en une seule prise.
Business strategy
Le modèle économique
La question de savoir si "i-mad" devait être payant ou gratuit s'est posée. La décision de le proposer gratuitement a été stratégique, car le titre n'existait pas en kiosque, évitant ainsi la cannibalisation avec les magazines papier existants
Les annonceurs premium de l'i-mad, Chanel, Dior, Clarins, L'Oréal...
Business challenge
La qualité des publicités fournies par les agences
Un autre défi a été la qualité des publicités reçues des agences, qui étaient majoritairement des simples fichiers JPEG horizontaux ou verticaux, sans interactivité. Le Figaro espérait recevoir des publicités plus interactives et intégrées, réalisées directement par les agences avec des outils comme InDesign. Ils ont noté que les meilleures expériences publicitaires ont été créées en direct avec les marques plutôt qu'avec les agences.
Brand Content pour Dior, Le studio et la rédaction du Madame Figaro main dans la main pour proposer une experience éditoriale sponsorisée.
Continuous analytics improvements
L'optimisation de la taille des éditions
Les premières éditions de "imad" étaient parfois très lourdes (jusqu'à 500 Mo), ce qui entraînait des taux d'erreur de téléchargement élevés lorsque les utilisateurs perdaient leur connexion internet. Il a fallu optimiser le poids des éditions en réduisant la taille des vidéos et le nombre de sujets par numéro.
Ergonomic usage optimisation
Comprendre le comportement de lecture sur tablette
Une étude du comportement des utilisateurs a révélé que la navigation par "stacks" (piles de contenu) n'était pas naturelle pour les lecteurs habitués à feuilleter un magazine traditionnel. Ils ont donc opté pour une présentation plus linéaire du contenu, de gauche à droite, ce qui a permis d'augmenter la visibilité de tous les contenus et de donner une impression de richesse.
Prix au 5ème édition de La Presse au Futur
i-Mad MeilleurE innovation Nomade
Le 30 novembre 2011 s'est déroulée la cérémonie des Trophées de l'Innovation Presse, dans le cadre de la 5ème édition de La Presse au Futur. :
– L'application IMAD de Madame Figaro, meilleure innovation nomade.
– L'application IMAD de Madame Figaro, meilleure innovation nomade.
Les Trophées de l'Innovation distinguent les initiatives les plus remarquables et qui constituent une façon nouvelle d'aborder les problématiques d'organisation de moyens, de stratégie, de gestion commerciale, d'intégration de l'innovation. Quelle que soit la taille de l'entreprise, c'est leur capacité dynamique de recours à l'innovation qui doit être mise en valeur
Conclusion
L'investissement humain et éditorial
La création d'un magazine "full digital" comme "imad" demandait un investissement humain et éditorial significatif, bien supérieur à la simple diffusion d'un PDF. Il était crucial de prendre conscience de cet investissement pour planifier les productions futures. En matière re rentabilité il est essentielle de coupler les production Print et Digital.
Découvrez ma dernière réalisation pour le Madame Figaro en tant que Créative Director Digital.
Court métrage que j'ai réalisé avec mon équipe grâce à une journée de shooting Digital qui venait finaliser 2 journées de production Print. Imaginez la mode du Futur. Finalement 15 ans après on est pas si loin avec les Spectacles de Snap boostée à l'AI.
La dernière édition de i-mad avant mon départ vers d'autres aventures. J'ai le sentiment d'avoir contribué à révolutioner le Magazine grâce à l'implication des équipes design et de nos stakeholders (Éditeur, Directeur des nouveaux Médias, Directrice de la Rédaction)
Ce qu'ils pensent de mon Travail
Testimonials
Denis De Coster
ADOBE DPS
Having worked with Richard for those last 5 years as technology provider for the group "Le Figaro", I had the chance to interact directly with him.
His capacity to understand and use technology was key for me. Richard as rare a talent as an art director to make really beautiful creation while taking the full benefit of the technology (Creative tools, mobile and web environment have no secret for him). On top of those 3 main skills, his business oriented attitude and understanding are more than valuable.
Easy to work with, always positive, full of energy, very creative, technology addict, I can only highly recommend Richard.
His capacity to understand and use technology was key for me. Richard as rare a talent as an art director to make really beautiful creation while taking the full benefit of the technology (Creative tools, mobile and web environment have no secret for him). On top of those 3 main skills, his business oriented attitude and understanding are more than valuable.
Easy to work with, always positive, full of energy, very creative, technology addict, I can only highly recommend Richard.
Pascal Pouquet
CEO benchmark Group, ex Figaro
Richard was a very innovative Creative Director and a nice guy to work with.
His contribution was decisive to figaro.fr success these last years.
His contribution was decisive to figaro.fr success these last years.
Katia Sanerot
DG - Associée Louie Media * EX Madame Figaro
I've worked with Richard for 6 years. He is a great creative director, rigorous and good team leader. He created the i-mad for Madame Figaro, an exclusive and unique digital magazine and managed it perfectly with the editorial team, partners and advertisers. Each month, Richard and his team innovated and created a unique editorial product that has been rewarded.
Richard understands and masterises the specificities of luxury in the digital world, the creative innovation, and never forget the readers. A great talent.
Richard understands and masterises the specificities of luxury in the digital world, the creative innovation, and never forget the readers. A great talent.
Video Transcript - For accessibility
the Adobe DPS Summit Keynote
"Il est temps pour moi d'accueillir Richard, le directeur de création digitale, responsable du pôle nouveaux médias du Figaro. Richard accompagne le groupe dans sa recherche de concepts créatifs pour l'ergonomie, le design des interfaces web, des smartphones, des tablettes et des télévisions connectées sous iOS ou Android, pour les différentes marques.
Ces marques sont : Le Figaro, Madame Figaro, Figaro Magazine, TV Magazine et Sport24, rien que ça !
Vous avez été nommé à ce poste en 2009 et, depuis, vous supervisez également le studio de création interne. C'est bien cela ?
Voilà. Richard, vous allez nous faire part de votre retour d'expérience sur iMad. Je vous laisse la parole. Merci.
Merci Denis. Je suis Richard, directeur de la création digitale des nouveaux médias. Je m'occupe donc du web, des smartphones, des tablettes. Ce que je souhaite partager avec vous aujourd'hui, c'est notre expérience avec l'iPad, notre premier magazine numérique entièrement digital.
Je l'appelle "entièrement digital" parce qu'il est vraiment repensé pour ce support. C'est un peu comme pour les voitures : il y a les "full hybrid", les "mild hybrid", ici c'est du "full digital". Vous voyez mon compte Twitter à l'écran, n'hésitez pas à commenter et à me faire part de vos remarques.
C'est parti.
Voici le sommaire de ma présentation, qui s'articulera autour de quatre points : une présentation du groupe Figaro pour ceux qui ne le connaissent pas, une présentation de nos magazines, car ils sont importants pour le groupe, un historique de l'iPad, pour expliquer comment nous en sommes arrivés à créer un magazine numérique, pourquoi c'était important pour le groupe, comment nous avons procédé et comment nous avons rencontré Denis.
Je vous parlerai également du modèle économique de l'iPad, du modèle que nous avons trouvé avec notre régie publicitaire, qui fait un travail formidable sur ce support. Enfin, j'aborderai l'amélioration de l'iPad et comment les statistiques que nous obtenons grâce à l'outil Adobe nous permettent d'améliorer notre produit à chaque édition.
Commençons par nous présenter et par présenter nos magazines. Le Figaro est une maison avec une longue expérience, une maison qui existe depuis le XIXe siècle, 1826. Il est important de le rappeler, c'est une maison qui a su traverser les différentes étapes de l'innovation, ce qui explique pourquoi nous en sommes aujourd'hui au stade des tablettes.
Nous sommes leader de la presse quotidienne, avec 324 000 exemplaires par jour, et 60 % de ventes pour 40 % d'abonnés. Je vais passer rapidement sur ce point. Il ne faut pas oublier que Le Figaro a entamé sa révolution numérique en 2005. Le Figaro est digital, Le Figaro est web.
Cela nous place aujourd'hui, depuis près de quatre ans, en tête des sites d'information, avec 8,8 millions de visiteurs uniques, selon la mesure hybride Nielsen du mois d'août. Il est important de noter que le chiffre d'affaires du groupe Figaro, je parle bien du groupe Figaro, est constitué à 23 % par le numérique, ce qui est considérable et en progression. De plus, on le sait peu, mais sur iPad, lorsque vous lancez Safari, le premier site d'information consulté est celui du Figaro.
Le Figaro est une maison avec une longue expérience, Le Figaro diffuse beaucoup, Le Figaro est web et digital, nous avons fait notre révolution. Mais il ne faut pas oublier que Le Figaro, ce sont aussi les magazines, et c'est justement de cela que nous allons parler.
Voici les titres que nous possédons : Figaro Magazine, dont j'adore cette une, choisie au hasard. Chaque week-end, pour 14,50 euros, vous avez le pack week-end, qui comprend Figaro Magazine, TV Magazine et Madame Figaro. Figaro Magazine, je passe rapidement, c'est 430 000 exemplaires. Nous sommes un peu devant Paris Match, etc. Je rappelle juste ce chiffre. Madame Figaro, ce qu'il faut noter, c'est que Madame Figaro, mode, tendances, célébrités, est en progression cette année, ce qui, dans un contexte difficile, est remarquable, avec une hausse de 4,3 %.
Et puis, nous avons TV Magazine. C'est très important pour nous, car nous allons migrer vers le numérique. TV Magazine, programmes, médias, célébrités, consommation, c'est 5 millions d'exemplaires par semaine. Je ne sais pas si vous vous rendez compte de ce que cela représente. J'ai vu les rouleaux de papier qu'ils utilisent chaque semaine pour faire TV Magazine, c'est incroyable. La révolution numérique va nous permettre de répondre à ces problématiques.
Voilà. La transition se fait ainsi : chaque magazine a une application dédiée, une application iPad. L'application TV Magazine, Madame Figaro, Figaro Magazine, nous allons trouver une liseuse sans trop d'efforts. La liseuse, en tout cas, je pense que ce n'est pas la liseuse ou l'application entièrement digitale qu'il faut, ce sont les deux. La liseuse a une vocation documentaire, pour les abonnés qui ont l'habitude de ce format, c'est très bien.
Nous, au studio de création, étions persuadés que nous pouvions donner notre vision, celle du "full digital", et c'est ce que nous faisons avec l'iPad.
Nous allons maintenant aborder la naissance de iMad. Comment est né iMad ? Avec l'avènement de la tablette. En 2009, nous sentions les tablettes arriver. Certaines sociétés, comme le studio de création de Bonnier, avaient travaillé sur des concepts, que nous, au studio de création digitale, avons regardés avec beaucoup de plaisir et de questionnements. Cela a vraiment développé notre imaginaire, et nous nous sommes dit qu'il fallait absolument que nous fassions quelque chose comme ça.
Nous avons réalisé que nous pouvions aussi créer notre prototype, avec du carton. Voilà ce que vous voyez, c'est le prototype que nous avions réalisé pour Le Figaro.
Je vous montre le prototype, c'est ceci. Du carton, car l'iPad n'était pas encore sorti. Nous, designers, devions développer et imaginer des concepts sur quelque chose qui n'existait pas encore.
Pour nous, le plus simple était de faire une animation After Effects et de l'incruster dans une tablette pour la montrer à la direction. La supercherie a bien fonctionné.
J'ai commencé à faire des concepts de magazines. J'avais travaillé sur un projet pour Figaro Magazine, et je vais vous raconter une anecdote amusante. Moi, je suis designer, je ne fais pas de code.
J'avais fait mon concept, et ma direction m'a dit : "Richard, j'ai besoin de ton concept, je vais le montrer lors d'un dîner important." Je ne savais pas faire d'application, j'ai donc fait un PDF avec des zones cliquables.
Le lendemain, mon chef m'a dit : "Richard, je n'ai pas pu montrer ton truc, ton application ne marchait pas." Je lui ai répondu : "Ce n'est pas une application, ce sont juste des images avec des zones cliquables."
Nous avons réalisé nos limites. Nous, designers, créons des concepts, nous faisons de l'ergonomie, mais nous ne pouvons pas passer à la réalisation de l'application et la montrer à notre direction. Fin 2009, nous étions limités.
Nous avons regardé ce que faisait Wired, ils avaient de superbes solutions. Pourquoi ce truc n'était-il pas public ? Et puis, un jour, c'est devenu public. Nous avons eu accès à la pré-version gratuite d'Adobe DPS. Grâce à cette pré-version, offerte à tous les éditeurs, nous avons pu commencer à créer notre concept et passer du carton à une vraie application, designée dans InDesign, mise sur l'iPad, et montrée à la direction.
C'était une révolution pour nous, car nous n'avions plus besoin de développeur. Vous savez, le développeur qui interprète plus ou moins bien votre maquette et vous renvoie des pages avec des marges et des espacements complètement déformés.
Là, nous produisions directement, et c'était interactif. J'ai eu accès à la pré-version, et j'ai voulu aller plus loin. J'ai contacté Adobe, et ils m'ont rappelé dans les deux heures.
Trois jours après, Denis est venu en moto, sans être préparé. Je lui ai dit : "Je vais faire descendre toute la direction du Figaro, prépare-toi, on va lancer un truc." Il est arrivé, et il a dû expliquer son projet avec son casque de moto sur la table.
Je passe rapidement. Je remercie le soutien d'Adobe. Nous avons pu réaliser ce prototype sans aucune ligne de code, et le présenter à notre direction et à la régie, en leur montrant le potentiel de ce projet.
Je vais vous montrer une vidéo de iMad. C'est une production propre, je vous expliquerai après l'importance de faire des productions numériques propres.
