net

4

5

2

3

6

SHOWCASE
How we built

The team from Studio Lovelock reveal how they turned a heavyweight

annual report into an interactive data-viz treasure trove

THE STATE OF EUROPEAN TECH

HOW WE BUILT

(1) A striking landing page to make a strong

first impression. It distinguishes the site

from other reports and sets the tone from

the outset as authoritative and technically

precise. (2) It was a real challenge given

the density of the report to get it to work

effectively on mobile but absolutely critical.

Mobile traffic has accounted for nearly 70%

of traffic so far. (3) A simple and consistent

navigation system was really key to make

a lot of content easily accessible whether

the user is after an overview or the full

detail. (4) All the graphs can be downloaded

as standalone graphics, enabling users

to easily incorporate the data into their

own presentations. (5) Each article can

be saved, enabling users to easily create

their own bespoke reports that can then be

downloaded as PDFs. (6) Within the articles

the graphs are interactive. Users can switch

between multiple datasets as well as rollover

for more detail.

BRIEF

For the 2017 edition of its State of European

Tech report, Atomico wanted an online version

presenting the data in a format that users could

explore and manipulate in a more meaningful

way than the usual traditional report structure

would permit.

CLOSE UP

1