flowers and tree in Norwich

Storyboard for Barclays

One of a series, following a general style developed by Caroline Leprovost:

Greek place Manchester

Sketches from our trip to Corfe castle

[gallery ids="6740,6739,6738,6737,6736,6735,6734,6733,6731,6730,6729,6728,6727,6726"]

Cycling around Bournemouth

Photos from the trip

Norwich cathedral, again

Royal baby newspaper

Norwich cathedral (this is actually the first one)

Screenshots of 39 Stats infographic on The Guardian website

Facebook shares reached 2969 on Tuesday 27th August.Link to the graphic on the Guardian website.

The infographic has also been reposted on the following websites: Slate.com
co.create

co.create [again], this time with an interview by John Brownlee

Infographic 101 project log

Version 1. The initial idea is to do an infographic about how to do an infographic, and test out the 'flat iconography' aesthetics (along the lines of Google and Mailchimp's flat icon design). Initial data set consisted on four main parts: Data, Story, Chart and Design, so the start point was to select four main colours and to do a wireframe with one big introductory screen and four consequtive parts, each having its own colour, plus gray.

While working on the wireframe, I also thought it could be nice to go really big with all elements, and make the graphic viewable on the mobile screen (but I had to complete the first wireframe before going back to this - I want to try out a separate mobile version, with a really narrow artboard).

Follow-up ideas: make a supplementary (black-an-white, derived from Google's flat icons) icon set, and use consistent height/width rectangles for each of the sections.

Structure: Part 1 - introduction (data, story, chart, design). Parts 2-5: 1) term, class of word (noun,verb), transcription; term definition ("data is Facts and stats collected together for reference or analysis"); 2) supplementary field (e.g. 'analysing your data'): icon, 2-deck subhead, 3-4 lines of text; 3) Professionals field (e.g., Designer, Data Analyst); 4) Tools field (e.g. Microsoft Excel, Adobe Illustrator); 5) Try it! field: 1-deck heading + 2 or 3 tick-marked 2-deck slogans (e.g. "MARKING UP A SPREADSHEET", "SKETCHING CHARTSWITH KEY DATA").

Next step: mobile version on a narrow artboard, especially intro screen with big header and four icons.