European Design Award
Red Dot Design Award
Interactive animation
Data visualization suite

The challenge

Since 2011, Google and CLEVER°FRANKE have partnered in data-driven projects, creating a range of tools and products around Google’s market research.

For this particular project, we were asked to create an exciting and playful experience for visitors, which would engage and educate them about purchasing behavior and to what extent we use smartphones when making buying decisions. The project was a part of Google’s experience center The Foundry, which is Google’s first customer experience center outside the US and houses a 360-seat auditorium, meeting rooms, and numerous interactive installations. We developed a gesture-controlled game that engages visitors in a dialogue with Google about the role that smartphones play in our day-to-day lives and our purchasing behavior.

Value delivered

Showing the market value of a dataset and presenting possibilities within data, which inspire clients and demonstrate a range of practical applications of the suite.

  1. Cover Image for undefined

Together with HERE’s data scientists, we analyzed traffic data to discover hidden patterns and insights that could drive the narrative and user interactions.

  1. Cover Image for undefined
  2. Cover Image for undefined

Cover Image for undefined

With the outcome of our analysis as a guiding principle, we started to explore visualizations and scenarios to convey a meaningful storyline.

Cover Image for undefined

Inspired by HERE’s identity, we created a visual style that provides a vibrant experience, but does not overrule the messaging.

Cover Image for undefined

We developed an application that seamlessly guides the user in exploring the visualizations.

Cover Image for undefined

We transformed and supplemented client-supplied data into a format that could be easily processed by a 3D application using Python. Using this application, we generated and rendered animated objects based on the data that represented different scenarios, such as traffic routes and speed patterns over time. Likewise, we used the same data to create a data-driven system that generated all the 2D data visualizations accompanying the 3D renders.

Cover Image for undefined
Cover Image for undefined
Cover Image for undefined

In order to create data visualizations that are both informative and cinematic, we have developed a combination of traditional 2D visualizations with more experimental 3D visualizations. These were then enriched by adding motion as an extra dimension, which allowed us to strengthen the storyline and convey key insights even better.

  1. Cover Image for undefined

Cover Image for undefined

We used Cinema4D to generate the 3D data-driven visualizations and Adobe After Effects for 2D visualizations and compositing. The videos were then embedded in a touch-enabled presentation application that we custom built-in C++/QML using the Qt Framework.

Collaborating with CLEVER°FRANKE was a surprising experience. Their ways of bringing our complex data to life with their visualizations, turned our demonstration into something I could have never imagined. C°F showed the power and value of our product datasets in a very creative way.

Amy Zuchero / Product Marketing Manager, HERE

Photo of Thomas Clever

Get in touch

If you’d like to learn more about how we can add value to your business, contact Thomas Clever. 6 19 55 29 81

News about data, strategy, design and technology

Subscribe to our newsletter to receive quarterly updates.