The Story of a Knight

Marco Sors

published on April 19, 2013 in Storytelling

Marco Sors created an interesting map that tells the story of a Knight. Here is his take on the creative process of a multimedia story.

Can history be fun? With visual storytelling, maybe yes.

I’ve built the hypothetical adventure of a medieval knight using the recent resources of frontend development, to show how the past can be reinterpreted and become contemporary: Story of a knight. Use the numbers on the bottom-right to move the knight around Italy, Balkan area and Austria in a sort of “self-growth novel”.

I’ve used and merged some technologies:

  • The background is a big Google map iframe (covered by a parchment in alpha opacity to give an ancient look and feel)
  • Multimedia contents with HTML5 video and audio tag
  • Font-face with old taste (Essay1743)
  • jQuery plugin Scrollpath by Joel Besada to animate the DOM
  • Icons used in a infographic way

The red color in details is useful to give a recurring element and narrative coherence.
It would be nice to do something similar (but more in-depth) to tell the life of important historical figures like Carlo Magno, Marco Polo, Cristoforo Colombo, Napoleone…and so on.

Marco Sors is a freelance front-end developer who fell in love with visual storytelling, infographics and data visualization. Check out the blog (in italian) or his personal website

Download our exclusive eBook to learn how to make your content work harder.