Online magazine maken

1. LEARNSESSIE ADVANCED
#onlinemagazine

2. INTRO
• Daan Reijnders, 35 jaar
• In 1999 eerste internetbedrijf(je): VIDA
• In 2006 partner bij communicatiebureau: RAADHUIS
• In 2008 gestart met digitale magazines
• In 2012 start ontwikkeling Instant Magazine
• In 2013 officiële oprichting Instant Magazine
met Joost Galama

3. INMIDDELS
450+
klanten
5500+
magazines
gepubliceerd
12
landen

5. RESPONSIVE MAGAZINES

6. VEEL BELEVING

7. FULLSCREEN BEELD

8. ANIMATIES

9. (FULLSCREEN) VIDEO

10. DIRECTE CONVERSIE

11. WELK DOEL HEEFT
JOUW UITGAVE?

12. HET BEGINT MET EEN DOEL
Informatie geven is geen doel op zich!
• Sales
• Leadgeneratie
• Inkomsten uit magazine genereren
• Branding
• Service
• Gedrag stimuleren
• Data verzamelen

13. EEN PAAR VOORBEELDEN

14. COPY

15. COPY
• Sterke koppen, korte alinea’s
• De lezer direct aanspreken
• Beeld tekstverhouding 70/30
• Gebruik opsommingstekens
• Buttons in plaats van links
• Horizontaal primaire content, verticaal de
verdieping
• Eventueel mobile voorzien van `Lees verder’

16. COPY
• Creëer content chunks (gelaagd)
• A/B testing op content
• Varieer in templates en content types
• Redactionele formule; vergelijk edities
• Geef de verwachte leestijd aan

17. TIPS VOOR REDACTIEVERGADERING
• Betrek fotograaf en creatief in de
redactievergadering
• Neem de statistieken van een voorgaande
uitgave mee
• Bedenk tijdens de redactievergadering
welke templates ingezet kunnen worden

18. RESPONSIVE FOTOGRAFIE

19. ONE SIZE FITS ALL

24. TIPS VOOR RESPONSIVE FOTOGRAFIE
• Zorg voor voldoende vlees om de foto
• Meest voorkomende formaat is landscape
• Maak eventueel een staande variant voor mobile
• Technische specs:
1400 x 900 pixels
72 DPI
Streef naar max 150 kb

25. FOTOGRAFIE IN INSTANT MAGAZINE
• Maak gebruik van een mobile variant

26. • Lock het belangrijkste element
op een foto
FOTOGRAFIE IN INSTANT MAGAZINE

28. NEW TEMPLATES
• Documentairy
• Stackable cover
• Index cover
• 6 column template

29. DISTRIBUTIE

30. HOE VERSPREID JE EEN ONLINE MAGAZINE?
• E-mail marketing
• Social media
• Verwijzingen vanuit drukwerk
• Eigen website / intranet
• Banners / online marketing

32. DISTRIBUTIE: E-MAIL
• Gebruik een aantrekkelijke onderwerpregel
• Personaliseer
• Gebruik meerdere elementen die verwijzen naar je
magazine
• Verwijs naar pagina’s in je magazine (highlights)
• Optimaliseer je mailing voor mobiel
• Verstuur na 1 week nogmaals naar de `non-opens`

33. DISTRIBUTIE: SOCIAL
Verstuur gelaagd

34. DISTRIBUTIE: SOCIAL
• Post een aankondiging
• Deel een magazine circa 4x
• Reageer met pagina’s op vragen
• Deel het best gelezen artikel
• Retarget op audience

35. STATISTIEKEN

36. INTERESSANTE STATISTIEKEN
• Gemiddeld aantal pagina’s
• Gemiddelde bezoekduur
• Aantal terugkerende bezoekers
• Desktop users
• Tablet users
• Smartphone users
• Bounce percentage
10
00:03:47
29%
54%
16%
30%
5,83%

37. MOBILE VS DESKTOP
Soort gebruiker
• Desktop users
• Tablet users
• Smartphone users
%
54%
16%
30%
# pag
10,86
10
8,20
Tijd
4:27
3:48
2:33

38. TIPS STATISTIEKEN
• Definieer heldere doelstellingen, bijv:
• Creëer duidelijke conversiepunten
• Categoriseer je content en vergelijk edities
• Maak automatische rapportages aan
• Meet niet te veel (bijv max 6 rapportages)

39. BELANGRIJKSTE RAPPORTAGES
• Aantal bezoekers
• Inhoud (paginaduur, exits)
• Break-down funnel paginaweergaven
• Engagement
• Conversies
• Outbound links
• Bezoekduur
• Events

40. EVENTS
• Outbound
• Scrolldiepte
• Social shares
• Video play/pause
• Forms
• Etc

41. SEGMENTEN
Meet specifieke pagina’s met segmenten

42. ADVANCED

43. PERSONALISATIE
• Persoonlijke content in magazine
• Externe content in magazine
• Pagina’s uitsluiten op basis van ontvanger

44. UITLEG PERSONALISATIE
• Ga naar Tab ‘Advanced’ en vink ‘Use personalization’ aan
• Plaats de personalisatie variabele in het magazine.
2 opties:
• Zonder alternatief
{{name}}
• Met alternatief
{{#name}}Beste {{name}}{{/name}}{{^name}}Welkom{{/name}}

45. URL BUILDER
http://boris.instantmagazine.com

46. WHITEPAPER
• Form voor toegang tot magazine
• Integratie met Linkedin & FB
• Data user wordt opgeslagen

48. INTEGRATIE DOUBLECLICK
• Banners op basis van tagging
• Diverse bannercollecties kunnen aangemaakt worden
• A/B testing vanuit Doubleclick
• Resultaten in Doubleclick

50. RE-MARKETING
• Re-target audience vanuit magazine naar site
• Re-target audience met een online magazine
• Re-target bestaande users met volgende issue

55. DEVELOPMENT ROADMAP

56. DEVELOPMENT ROADMAP
• WYSIWYG
• Floating navigation
• Nieuwe templates
• Zelf te besturen animaties
• Integratie e-mail tool
• CRM integratie
• Profiling

57. VRAGEN?!

58. BEELD CREDITS
• Responsive fotografie: A list apart
• Shopping cart: Michael Maher Photography
• Magazine voorbeelden van Code Magazine, Frizzee, Mediapartners Group,
RAADHUIS.com, Volvo, UMC Utrecht, PWC, KPMG, Zuurstof, Vacance Select, Xtra
Digital Agency
• Plantzaadje: AG report 365
• Telraam: Beyondprofit
• Typemachine:: publishingdashboard.blogspot.nl
• Cheat sheet: Wikipedia