SLT was asked by The Swiss Office of Culture to develop guidelines for the website Schweizer Kulturpreise. Unfortunately the implementation was not under our control and we are unhappy with it. It does not reflect the work of we handed over.
Here we show an extract of our original design intentions.
About the project
The aim of the website schweizerkultur­­preise.ch (Swiss Cultural Awards) is to become a common archive of and the single point of entry to seven different cultural awards: Swiss Art Awards, Swiss Film Awards, Swiss Design Awards, Swiss Literature Awards, Swiss Dance Awards, Swiss Theatre Awards and Swiss Music Awards.
Previously all the different awards had their own websites. SLT was approached to design a navigation and common content structure that allows for the integration of the content of these different websites. To make the situation even more challenging the website had to be built on the basis of the existing content management system and front-end components of the websites of the Swiss administration (AEM and Bootstrap), without the possibility to change the existing HTML-structure.

To avoid cropping and resizing thousands of images only the header image is given a fixed size. A light-box attached to those images allows to show all other images in their original size full screen on all devices.

Information architecture and interface design
The information architecture is centred on pages for the entries about recipients of a specific award and overview pages. The latter amalgamate what on the previous sites used to be single categories within the main navi­gation. Thus taking into account the changed user behaviour on mobile devices, altogether favou­ring in-page navigation over navigation via the global navigation.
Together with the overall information architecture we provided guidelines for the frontend design together witch Sketch files.
The interface design consists of a modular structure built on the principles of atomic design, aiming to promote consistent hierarchies throughout the entire and on different view­ports. Thus while allowing for enough variation to articulate differences in content where deemed necessary.
Since each award keeps its own visual identity for campaigns and printed literature the overall visual language is deliberately kept neutral in appearance. Thereby it allows the content to take centre stage. The chosen typeface, BaldingerPro by Paris based André Baldinger, embodies the sobriety of Swiss design while remaining approachable. Making it a suitable choice for the different awards.
To avoid cropping and resizing thousands of images only the header image is given a fixed size. A light-box attached to those images allows to show all other images in their original size full screen on all devices.

Examples of overview pages with aggregated content

More projects

Back to Top