visual

storytelling

10 online tools

visual content

+

storytelling

https://www.hln.be/verkiezingen-vs

How to tell a story?

Like ... Charlie Hebdo

This is how the (print) media did it...

However, you can also tell an online story like this ...

10 digital tools

that make your online story (visually) stronger

1. Interactive maps

via Google My maps or maphub

www.google.com/mymaps

maphub.net

De student en zijn portefeuille

Eén procent van wereldbevolking is op de vlucht

Extra losse parkstoelen voor Gentse parken

Bournemouth shop closures

24 van de mechelse studentenhuizen
voldoet niet aan kwaliteitseisen

2. Your story in 3D

via Google earth creation tools

3. Interactive images

via Genially of Interactive image

https://www.genial.ly/

https://interactive-img.com/

*basis = own image or rights-free image

Vinyl terug populair

NTGent gaat digitaal, maar hoe brengen onze buurlanden theater?

4. animated gifs

a moving story compromised to the essence

*basis = own image or rights-free image

The 2012 Summer Olympics are a giant coming-out party for the animated GIF

NiemanLab by Andrew Phelps

Liberia spent 15 years
recovering from a brutal war

Then came ebola

Life in Liberia before the epidemic— and today

Perfect loops

Fashion Week GIFs:
Kissing Off Fashion Week

Photo Bursts

De baked feta pasta hype met een twist

IJssalon Pinguïn heropent pop-up in Wijnegem

Het verhaal achter de meesterwerken van Serge Gainsbourg

Cinemagraphs

cinemagraph.com

how to make ...

stockcinemagraphs

Zeven leestips voor journalisten in spe

STILL LIFE

Writers Sketch Their Favorite Summer Images

Atmospheric imagery

Auteursrecht?

5. simple infographics

via Infogram, easel.ly, piktochart of Genially

https://infogram.com/

https://www.easel.ly/

https://piktochart.com/

https://genial.ly/

“Ik zag hoe jonge leden, vrouwen, en mensen van allerhande achtergronden kinderen inspireerden”

7 LEESTIPS VOOR TOEKOMSTIGE (FILM)JOURNALISTEN

https://riktuinstra.wordpress.com/2021/05/14/haaland-is-de-beste-speler-die-noorwegen-ooit-gaat-hebben/

7. Interactive maps and infographics

via LocalFocus of datawrapper of Flourish

https://www.localfocus.nl/nl/

https://www.datawrapper.de/

https://flourish.studio/examples/

https://www.nytimes.com/interactive/2020/world/coronavirus-maps.html

‘Dancing Dimi’ dendert voort in Premier League Darts

8. Before and after OR
a comparison

via Juxtapose

https://juxtapose.knightlab.com/

https://www.theguardian.com/environment/2018/dec/07/africa-cocoa-industry-failing-deforestation-pledge-campaigners

Nieuw vrijetijdshuis ‘De Moer’ Vosselaar vertraagd

9. Visual timeline

via Timeline or Tiki-Toki

http://timeline.knightlab.com/

https://www.tiki-toki.com/

21bis.be/2020/01/jaaroverzicht-brexit/

2021/05/de-europese-wijk-in-brussel-het-kloppende-hart-van-de-europese-unie/

21bis.be/2021/05/panquin-site-tervuren-van-aperitieven-in-een-turnzaal-tot-overnachten-in-een-oude-legerkazerne/

21bis.be/2021/10/bond-james-bond-na-twee-jaar-eindelijk-no-time-to-die-in-de-cinema/

10. Bring your text alive with sound

sound combined with text via Soundcite
! you need a plugin (only with paying version WP.org)

http://soundcite.knightlab.com/

https://www.mo.be/interview/nick-yarris

http://projects.aljazeera.com/2014/tangier-island/

https://www.washingtonpost.com/sf/style/2014/07/01/songwriters/?utm_term=.755c9bcbbb58

Assignment

online tools

Experiment with a plug & play tool

* Choose your own degree of difficulty,
but do not make it too easy
* Test the tool (also on WordPress) before you
actually get to work with it
(you may also link if you cannot embed)

* Always work with your own or royalty free images

Existing feature
or new feature

* your choice

Give your journalistic story an online makeover!

* think about how to make your story (visually) stronger?

Tech & tools (Fontys hogeschool journalistiek Tilburg)

Journalist's toolbox

Storylab (not recent)

Journalism tools door @ezraeeman (OpenVRT)

More tools?
Discover them yourself ...

Tools for journalists bloggers

10 online tools

By Sandra Busselot

10 online tools

1JOU

978

Sandra Busselot