This was me experimenting with infographics. At this point I realised that getting it to scale for viewing on mobile phones would mean taking a radical departure from the accepted way of doing things, which is to make the images too big to show up properly on a small screen and still be easy to read. 

 

This was my first attempt at making a comic, and I based it on ye olde traditional paper comic style. It was a bit unwieldy on a small screen and required a lot of scrolling.

Then I hit on the idea of hosting it online as a responsive HTML file rather than a large image. It takes less time to load 200px wide images and because they're on a grid in stacking columns, each panel slides neatly beneath the other in order. Result: a comic that works on either big or small screens.

Of course, this means I don't use the speech bubbles, etc., that you find in paper comics but that's not as important to me as having the panels slide neatly beneath each other on a mobile device.

Besides, it means I can use the same images over and over again in different contexts, saving myself a lot of work so I can get on with telling the story.

For example, an image like this can have layers added to it so I can populate the room with characters. I can also use individual images for other projects, e.g. blog posts. If I hadn't started messing with infographics I would never have had a go at making comics. I'm glad I did, it's a lot of fun.