Prochains RDV : https://www.meetup.com/fr-FR/mobilepm/ Meetup spécial presse digitale : Talks by @CondeNast  Les applications de News d’aujourd’hui et de demain. Juan Estupinan nous parle des différentes techno utilisées pour les applications CondéNast. Il nous fait un REX complet en explicitant ses objectifs, ses contraintes, et ses réussites. Il finit son talk sur les applications de demain dans le secteur de la presse digitale avec notamment l’arrivée de l' IA, les chabots, le langage naturel (quartz)..

1. intro press
LesapplicationsdeNews
d’aujourd’huietdedemain…
Par
Juan Estupinan
www.juan.cloud

2. intro press
Présentation
JuanEstupinan
&
CondéNast

3. Hello:Juan
Etudiant puis
Enseignant
Experience utilisateur /
Développement mobile
Mobile PM/UX designer
Consultant en Strat digitale
& Digital publishing
development web+mobile
Beta-testeur
Evangeliste techno
Adobe Digital publishing suite
Adobe experience manager
Head of mobile
&
digital publishing
Vogue+GQ+Glamour+Vanity Fair+AD
Co-fondateur
dune start-up
development mobile
Premiere app à 24 ans…

4. Hello: CondéNast
TO EXCEL. TO ENGAGE. TO ENTERTAIN.
For nearly 100 years, Condé Nast International has set the standard for engaging, visually arresting,
innovative publishing, creating the very finest magazine brands in the world.

5. intro press
Quelquesprojetsréaliséspour
CondéNast

6. Vogue magazine (Application iPad)

7. Vogue magazine pour iPhone (Application iPhone)

8. GQ magazine (Application iPad)

9. GQ (Application iPhone)

10. Glamour magazine (Application iPad)

11. Glamour (Application iPhone)

12. Vogue Collections (Application iPhone & iPad)

13. Vanity Fair iPhone (Application iPhone)

14. Vanity Fair magazine (Application iPad)

15. brands
Digitalcontent
production
(systèmesd’information)
Digital
distribution
(apps)
What ido

16. intro pressUnpeud’histoireCondéNast
(2010-2012)
LesapplicationsdeNews
dupassé…

17. Avril 2010
Apple lance l’iPad
été 2010
Condé Nast (US) lance wired sur iPad
Pourquoi CondéNast
achoisitunchoisitunframeworkmobilepropriétaire
VSdudéveloppementnatif?
+
Fin 2010
Condé Nast (international) decide de suivre
une stratégie “tablet first” ou plutôt ”print first”…

18. CondéNastFrancelancedesapplications
pourtoutessesmarques…(2012-2013)

19. Lesmetricsdémontrentquelestablettes
ontdupotentielmais….
…ilyaune adoptionlentedestablettes
etunboomdessmartphones 📲🎉

20. intro press
LamigrationdeCondéNast
versunframeworkennatif… 📲#
(2013-2016)
LesapplicationsdeNews
d’aujourd’hui!

21. Pourquoiun
framework mobile100%natifvs
unappbuilder?
Version standard de DPS
Version customisé de DPS
avec un overlay html/JS
Besoin de plus de flexibilité en terme de produit
et d’UX plus modulable

22. Leprojetcodename:“Butterfly”
Un CMS ou une techno pour produire le contenu “structuré”
(magazines en HTML)
Digitalcontent
production
Digitalcontent
Distribution
Des applis mobiles pour distribuer le contenu

23. Un frameworkmobile flexibleetévolutif
quis’adapteauxbesoinsproduitetlastratégiedeCondéNast
Focus sur lisibilité
sur smartphone
Visual driven…

24. Un frameworkmobile
100%customisable(multimarque)

25. Lesmetricsnousmontrent quelessmartphones
ontdupotentielmais….
Pourcréerl’engagement
ilfautplusquedesmagazineslisibles
dansuneapplipoursmartphone…

26. V2:Desapplicationshybrides
et uneexperiencedelecturerichmedia
Le magazine Le Flux de news web
Deux sources de contenu dans une meme application.
Une base utilisateur unifié…un modele gratuit et payant.
+

27. Un Produithybride…
avecexperiencedelecturepensée
100%smartphone
#1 Lisibilité #2 Interactivité #3 Partage
#4 Navigation
#5 Double
orientation
#6 UX
#7 Flux de GQ.fr
#8 Lecteur
d’articles web
#9 navigation
par categories
#10 Galleries
d’images
#11 Pub
dynamique
#12 Monetisation
des articles web

28. Lesmetricsnousmontrent quelesapplishybrides
ontdupotentielmais….
Lesapplisdenewsdoiventêtre“instantanées”
realtime,lightningfast 🚀

29. V3:tempsréel,unpaywall
et uneexperience100%newsfeed
Une innovation pour Condé Nast:
Un magazine lisible en temps réel, le contenu web et du magazine est consultable sous la forme d’un flux…

30. Magazine en PDF (OJD)
Liste d’articles
Preview & Paywall
Liste des magazines
1
2 Lecteur d’articles mag
3 4 5
Unmagazineentempsréel

31. Experience payante
Choisir un magazineParcourir
le news-feed
lire des articles
web
Découvrir des articles
du magazine
dans le flux web
1
2
Voir une preview
et acheter
Experience gratuiteA B
Parcourir les
articles
3
1
2 3

32. PDF & HTML
(Download mode)
PDF & HTML
+web feeds
(Download mode)
Mag feed
& web feed
(Streaming mode)
Mag feed
Universal app tablet & smartphone
(Streaming mode)
Buildlearnbuild…
Mag feed & web feed
Universal app tablet & smartphone
(Streaming mode)
2013 2014 2015
2015
2016

33. intro press
IA,chatbots,lapersonalisation,
lelangagenaturel 🤖📲
(2017-2020…)
LesapplicationsdeNews
dedemain!

34. Lesmetricsnousmontrent quelesapplisdenews
ontdupotentielmais….
quellestendancespourdemain?&🤖&

35. Lesnewsbots
CNN Quartz app

36. Naturallanguage
processing
Langagenaturel propulséparl’AI&machinelearning…
Jam Viv.ai

37. Lapersonnalisationetl’experience
delecture100%mobile
Apple News
Facebook
instant articles
Snapchat
stories

39. intro press
Merci!
Questions?
www.juan.cloud