Services
  • Infographics
  • UX/UI design
  • Concept
Client
ETH Zurich, Strategic Foresight Hub
Year
2024

Drivers of Change Website for the “Drivers of Change for Global Higher Education” by ETH Zurich’s Strategic Foresight Hub: 60 drivers of change as a colourful card deck on the web.

Which forces will shape teaching, research and universities over the next 20 years? The Strategic Foresight Hub in the Office of the President of ETH Zurich worked with more than 100 experts to identify 60 “drivers of change”.

Read moreLess

Until then they existed as a printed card deck and an exhibition. Now they were to go online – as a reference and as a tool for workshops, conversations and personal reflection.

Category view of the “Drivers of Change” website: coloured cards sorted into Social, Technology, Economy, Environment, Politics and Legal that flip one by one to show their text side

Every driver is a card

Idea

The website translates the card deck to the web. Each of the six STEEPL categories – social, technology, economy, environment, politics, legal – has its own colour and image shape, so you can see at a glance where a driver belongs.

Category view of the “Drivers of Change” website: coloured cards sorted into Social, Technology, Economy, Environment, Politics and Legal that flip one by one to show their text side

All 60 cards at a glance

Overview

The overview shows every card sorted by category or shuffled, as tiles or a list. Filters narrow it down to single categories. I designed variants for the number of columns and the sorting and compared them with the team.

Category view of the “Drivers of Change” website: coloured cards sorted into Social, Technology, Economy, Environment, Politics and Legal that flip one by one to show their text side

From browsing to your own selection

Tool

Favourites let you collect cards, for example for a workshop. “How to use” guides the work with them in four steps: explore, prioritise, envision, reflect. Each card opens as an overlay with a description, questions for universities and a PDF download.

Category view of the “Drivers of Change” website: coloured cards sorted into Social, Technology, Economy, Environment, Politics and Legal that flip one by one to show their text side

Aligned with the team along the way

Execution

UX and UI design of the desktop website in early 2024: overview, detail view, filter, favourites, about and contact pages. I clarified open questions on navigation, favourites and the detail view with the Strategic Foresight Hub team and worked their feedback in as we went.

Category view of the “Drivers of Change” website: coloured cards sorted into Social, Technology, Economy, Environment, Politics and Legal that flip one by one to show their text side