Siemens Atlas of Digitalization

An index of future ready cities to educate about urban digitalization and plot the current landscape.

Header-1

Siemens are world leaders in technology infrastructure. They approached us with the ambition of providing a platform for city managers across the world to understand Smart Cities and Digitalization.

We created the Atlas of Digitalization, which ranks cities based on a wide number of data points that pertain to digitalization and smart cities. Based on our three key themes: Sustainability, Mobility and Opportunity, we created a 3D data vis for each city based on their score.

126

Days to public release

9

Cities catalogued on release

My Role
Ideation
User flows
End-to-end prototype
High fidelity design
Agile build support
Data visualisation

Additional Team
1 x Product Owner
1 x Researcher
2 x Developers
1 x Junior Product Designer

I worked with content strategists and researchers to compile relevant data points for each city in the index.

From this, we created a comprehensive list of contributing factors to each theme, and a system for weighting their scores. In addition, for each city we did extensive desk research to support content provided by Siemens for authoring long form articles about each city. The articles and scores in the product are updated on an ongoing basis and informed as cities develop their digital strategy and implementation. 

Table

An additional aim of creating the index is to communicate Siemens’ capabilities in Smart City provision, and to connect users with experts in Siemens. The end product is a responsive web based experience that enables any user to simply access complex data which maps a city’s digital preparedness – both now and in the future.

Flow-1

We launched the Atlas of Digitalization with 9 cities

And we got immediate engagement from city managers around the world. Users liked the accessible content; the data comparison tool was the most popular feature. For Siemens, it gives them a powerful way to analyse and critique cities on their digitalization – in a way that their customers could engage with and use as a product.

Devices

The story of digitalization is introduced through the Timeline of Industrialisation feature.

It contextualises the Atlas with a scrollytelling narrative that uses data visualisation with responsive 3D graphics built in WebGL.

Driving the visual language are a series of 3D globes that represent the three core themes of the Atlas: Sustainability, Mobility and Opportunity.

Designed in Cinema 4D and coded in WebGL, the globes serve as a visual identifier for each city, driven by data.

Diagram2-1

Johannesburg

Singapore

Taipei

London

At a high level, cities are displayed as simple cards, using the globes as a data driven identifier and an overall Readiness and Potential score. The design of the product uses a strict grid into which all components fit, meaning it was designed to be iterated and added to as a growing source of knowledge.

Stack

Starting with a high level index, each city has three levels of detail that cater to varying audiences of the product

INDEX

At a high level, users can see which cities are in the Atlas and get comparative scores for Readiness and Potential. The product has a 'featured' and 'recently added' component to prioritise certain cities if required or let the user know when a new city has been added.

Cities-1

LEVEL 01 – CITY OVERVIEW

Clicking into a city provides a user with additional detail. Written content and data visualisations give a break down of high level scores and provides initial context.

City-page

LEVEL 02 – THE DATA

At this level, users get a detailed view of data contributing to Sustainability, Mobility and Opportunity. They can compare multiple cities and understand in detail the kinds of infrastructure and processes that make certain cities better than others with regards to digitalization.

Data-Detail2

LEVEL 03 – INSIGHT

Diving deep into insight through written content supported by bespoke charts and data vis.

I also worked with researchers and writers to create the content for the insight layer of the product. We designed 100s of unique charts that support written content to tell the story of how cities are digitizing and moving into the future. They give context to the data and help explain the human, qualitative side of the information.

ChartsGroup
Insight-2

Users liked the accessible content; the data comparison tool was the most popular feature. For Siemens, it gives them a powerful way to analyse and critique cities on their digitalization – in a way that their customers could engage with and use as a product. Not only was the experience designed for desktop, it was fully responsive across tablet and mobile too.

Phones

I'd love to build a product with you.

Please get in touch if you'd like that too.

EMAIL

ronankellydesign@gmail.com