An index of future ready cities to educate about urban digitalization and plot the current landscape.
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.
Days to public release
Cities catalogued on release
High fidelity design
Agile build support
1 x Product Owner
1 x Researcher
2 x Developers
1 x Junior Product Designer
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.
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.
It contextualises the Atlas with a scrollytelling narrative that uses data visualisation with responsive 3D graphics built in WebGL.
Designed in Cinema 4D and coded in WebGL, the globes serve as a visual identifier for each city, driven by data.
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.
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.
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.
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.
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.