top of page
small landing picture.jpg

How dose future smart city look like?

Make it tangible to imagine

logos.png

Interactive Digital Modeling

A data visualisation solution for envisioning a safe smart city

In this project, I worked with a  business development expert and two developers to create an interactive platform that helps Eindhoven to build a safe smart city. 

 

A CItyScope table, developed by MIT media lab, was used to visualized open data from Eindhoven city. By implementing different Philips lighting propositions, we are ale to show Philips' clients what the impact to a city would be through the real-time data simulation.

 

The open-source real data was provided by Eindhoven Municipality which was implemented in the system to simulate the different situations.

 

 

​Company

Philips Lighting - Eindhoven 

(Now Signify)

My role

UX / UI design

Team

UX /UI designer ( Me )

Business development expert

Back end developer

Front end developer

Time

2017. Aug.

Background

Philips Lighting – Public Spaces and LivingLab is the world leader in lighting with recognized expertise in the development, manufacture and sale of innovative, energy-efficient lighting products, systems, and services.

 

In this project, Philips wants to unlock the extraordinary potential of light for Brighter Lives and a Better World and shape the future of a smart city.

 

The goal is to bring the ideas into the business opportunity and using the developed technology to enhance the safety system of a city. 

 

 

 

1_e9bqN2dcXzvJZSEWgfDiag.jpg

Challenge

When it comes to the future world, a smart city, it is always hard to imagine. Even harder to get people on the same page to talk about the problem that a city may encounter and to make a better decision.

​

Therefore, the challenge :

" How might we bring different stakeholders together and stimulate the discussions." 

IMG_4745.jpg
stakeholders.png

Many different stakeholders will involve in decision-making process to create a better city for the future. Different stakeholders have different concerns and needs, more importantly with different budget. How can we help to get the conversation start and reach on the same page.

 

Prototyping 

Exploring the interaction

• To explore the possibility of using the CityScope table

• Give meaning and add value to the interaction that our team

   going to implement

• Apply an fun and easy way to bring different stakeholders

   together and stimulate the discussion

IMG_5186.jpg

User flow 

• Design the user flow not only from a product perspective but also from the communication point of view to 

   see  whether we convey information properly  

• Make sure the user flow is reasonable and being considered thoroughly step by step

• List all the elements which will be used during the process and discuss together with the programmers

User testing 

• To have quick feedback from people outside of the project

• It helps us to keep a clear mind and eliminate our blind-spot

Interface design

thumb_IMG_5469_1024.jpg

 • There are three user interfaces in total in this project, namely,

dashboard, the interactive table(CityScope), the screen

• Use graphic, colors, text to as instructions to guide people

how to play with the table and receive valuable information

Data Visualistion

 • An essential part of our project, to transform the raw data to

good visual and let user understand the information easily

• Using nice visual to tell good stories

How does it work ?

The picture on the right shows the setup of ‘’interactive digital modeling’’ system. The table is the main interactive interface that people can play with. By implementing different lighting proposition the impact of the city will be different. Dashboard on top of the table shows the information in the selected area. The screen shows the overall information of the whole city, Eindhoven.

thumb_IMG_5510_1024.jpg
thumb_IMG_5503_1024.jpg
0821- Instruction-02.jpg
0821- Instruction-01.jpg

Information Dash board

Impleting different propositions

Selecting different area

Visualising the impact

dribble.png
ig
behance.png

©2025 by I-Chun

bottom of page