Infographics for the Web

It’s easy to think that creating an (online) infographic is all about good design. But first, you have to get your story straight. This training focuses on how to tease a story out of data, how to structure it in the most engaging way possible, and how to use design principles to make your story as memorable as possible for your chosen audience.

We will emphasise the importance of spending a significant amount of time on each of these stages: data, story, chart, design. We will use good practice examples to show how the most successful infographics and interactives work because their creators have spent time thinking about which information to include and omit, and how to order and organise their material.

Although we will reference software throughout, we should stress that this is not a software training. Most of the exercises will use pen and paper – as these are our primary tools when we analyse, wireframe and design. However, in the afternoon session, people will be given the option to use free online tools if they wish. We will also provide links and recommendations for free and paid tools that we use, and further reading and online tutorials for those who wish to learn more about specific software.

Course description

We will start by looking at static charts and infographics. We will share good practice examples and discuss how to tailor your approach based on audience needs. In the afternoon, we’ll focus on interactive graphics. We will create a story structure for an interactive infographic and look at how the same core visual storytelling principles underline both static graphics and dashboard design.

In the training, the following topics will be covered:

  • an overview of the two basic approaches to information design: data-led and design-led and how to synthesize the two;
  • creating a story structure for a infographic;
  • turning your wireframe into a design: tools and techniques for infographics;
  • chart selection, function and design;
  • storytelling with interactive infographics;
  • design and interface in interactive infographics;
  • wireframing an interactive graphic.


Adam Frost was formerly head of data visualisation at the Guardian’s digital agency. He is now content director at Graphic, an agency specialising in data visualisation. His work has appeared on the Guardian, the New Statesman, Buzzfeed and elsewhere. Adam has also produced infographics and interactives for a range of public and private sector clients including the Department for Education, Google and Unilever.

Tobias Sturt was head of creative at the Guardian’s digital agency and is now creative director of Graphic. He has been working in digital storytelling for almost two decades using all kinds of media – from web to TV, games and infographics.


The price of this course will be announced shortly.

Target audience

The course is suitable for anyone who already has some experience in working with infographics and wants to know more about creating more effective visual stories, particularly online or on social media.

Practical information

This training will be offered soon.
Sign in