Explore Digital Storytelling

The web allows a much richer form of story that simple text. You can use photos, sounds, film, animations and interactivity.

 


Inspiration

Below is a collection of what might be called digital storytelling sites, all very different from each other. Spend some time immersing yourself is some of them, making note of what aspects you like of this loose genre.

Card image cap

Trouble In Paradise - Nuclear Dissent

https://nucleardissent.com/documentary/trouble-in-paradise

Interactive story about the French nuclear tests in Polynesia.

Card image cap

Fear-Less

http://fearlessstories.com/

Inspiring stories of people over-coming self-doubt and fear.

Card image cap

Best Digital Stories of 2017

https://hackastory.com/40-best-digital-stories-2017/
Brilliant collection of examples of digital storytelling
Card image cap

Hobo Lobo Of Hamelin

http://hobolobo.net/
Interesting, and not entirely successful use of parallax for storytelling
Card image cap

Charlie Hebdo

https://app.racontr.com/projects/la-manif-vraiment-pour-tous/
Example of a scrolling storytelling site
Card image cap

The Boat

http://www.sbs.com.au/theboat/

Media rich story about being in a boat in storm.

Card image cap

The Unknown Face

https://theunknownface.com/en/stories/

Archive photos presented in a brilliant way.

Card image cap

Emma's Journey

https://emmasjourney.soe.ucsc.edu/

Interactive narrative about the environment

Card image cap

Ela-TV

https://blog.matthias-andrasch.de/2015/ela-twine-textadventure-with-html5-video/

Brilliant, video heavy interactive narrative created with Twine. The story of ELA takes place in a fictive scenario in near-future. In this future the so-called ALGOs are responsible for the administration of cities.

Card image cap

Story Maps

http://datavizforall.github.io/leaflet-storymaps-with-google-sheets/index.html
An interesing map project, with instructions of how to build your own.
Card image cap

Award Winning Storytelling Sites

https://www.awwwards.com/websites/storytelling/
Card image cap

Bandersnatch

https://en.wikipedia.org/wiki/Black_Mirror:_Bandersnatch

Bandersnatch was an interactive movie by Charlie Brooker available on Netflix.

From Wikipedia: In Bandersnatch, viewers make decisions for the main character, the young programmer Stefan Butler (Fionn Whitehead), who is adapting a fantasy choose-your-own-adventure novel into a video game in 1984.

 

 







Tools

Of course, you may need to use a variety of tools editing images, videos, audio and text but below are some tools you might want to try.

Sway and StoryForm do a great job of letting you piece media together then making a fantastic looking article. 

EKO lets you create an branching interactive narrative, like Bandersnatch, but you will need a collection of short videos to be able to use it. You might need to use Twine, a tool for creating interactive narratives, to plan your script.

With Tilda you can simply and easily create a beautiful web site, or with Blurb create a photo book for print.

But equally you could use almost any of the other tools on this site to tell a compelling story.

Card image cap

EKO

https://studioapp.helloeko.com

Create interactive narrative videos. Fab!

Card image cap

Blurb

https://www.blurb.com/

Create a book, photobook, ebook etc

Card image cap

Tilda

https://tilda.cc
Create a stylish web site for free.

Card image cap

Sway

https://sway.office.com/

Microsoft sway is an excellent tool for assembling multimedia into a media-rich article.

Card image cap

StoryForm

https://storyform.co
Create modern long form media based articles

Card image cap

Knightlab Map

https://storymap.knightlab.com/
Create stories that refer to a map or place.



Learning