ETH Digital Annual Report and Value Creation Model
For the first time, ETH Zurich has chosen to go completely digital for the 2022 annual report, collaborating with Dream Production. Figures and statistics are made accessible through a graphical and interactive frontend application, while also being integrated as dynamic components in the Adobe Experience Manager.
Visit website
The Annual Report and Value Creation Model
ETH Zurich is among the world’s leading universities, excelling in communication as well. For the 2022 annual report, it was decided to publish the report exclusively online on the ETHZ.ch website. ETH also commits to creating sustainable value through research and development, illustrated in the interactive value creation model. To appropriately present these contents on digital channels, new, animated, and interactive components were specially developed for ETH’s website framework.
These components were conceived by the communication agency FS Parker and ETH, and implemented in close collaboration with Dream Production and ETH’s teams.
Sustainability through Integration into Adobe Experience Manager
The challenge was to make the content both attractive and seamlessly integrated into the ETHZ.ch website, while also ensuring it was editable and “accessible” — usable for people with disabilities.
To achieve this, frontend components were implemented in Vue.js, making extensive use of SVG graphics. Various modules were developed as components for Adobe Experience Manager, allowing ETH editors to freely deploy them on the website. The content is largely dynamic, enabling ETH to independently publish new content and upload new annual reports.
Sustainability through Accessibility
Another requirement was to make the content of the annual report and value creation model “accessible” according to WCAG 2.1 standards. Given the interactive nature of the content, this was quite a challenge. Throughout all phases of conception and development, close collaboration with ETH Zurich’s accessibility experts was maintained. Early prototypes were created and tested for accessibility.