Website relaunch for SATW Technology Outlook

Year: 2023
Tasks: Concept, Design, UX, UI, Brand Assets
Tools: Adobe XD, Illustrator
Project Overview
The Swiss Academy of Engineering Sciences SATW is the largest network of experts in the field of engineering sciences in Switzerland. Their ecosystem of websites includes the here presented technology outlook, based on presenting and analysing future, uprising technologies, their main website, and a website focused on a demand for young talents.
The SATW and Technology Outlook
The SATW identifies industrially relevant technological developments on behalf of the Swiss Confederation and informs politics and society about their significance and consequences. They, most importantly, promote an interest in and understanding of technology among the general public, especially young people.
What does Technology Outlook do
The speed of change in technologies makes it difficult to have a clear view of the future. The Technology Outlook provides orientation in the technological landscape of tomorrow.
‍
Its core is the quadrant diagram. It visualises technologies and distributes them on eight parameters. The new goal for the new website not only was of redesign nature, but also ideating and structuring this important diagram to be interactive.
A new interactive Quadrant Diagram
First goal
The new interactive technology diagram was brought to life with the following features:
  • Zoom
  • Fullscreen view (especially useful on mobile)
  • Drag and drop to move around
  • Filter option for topics
  • A set of icons and four different colours to recognise technologies corresponding to the four topics
  • On the click of a technology, a pop up window explaining in more detail and the option to go read an extended article on said technology.
New bookmark feature for a better experience
Second goal
Now users are able to save all the new technologies articles they want, and find them all organised under the bookmarked list. Thanks to a CRM feature, all the bookmarked articles can be exported as a PDF and downloaded in a click.
Powered by Webflow
Instagram