A shambolic implementation
Usually our relationships with clients last for a long time, more often then not many years and are governed by mutual respect, producing results all can be proud of. Unfortunately this was not the case in this project. More often then not we where not provided with vital information needed and the client refused to engage in any meaningful process. We are totally unhappy with the implementation of this project. It does not reflect the work of we handed over, not in terms of the integrity of the layout, nor in the information architecture. But unfortunately the implementation was not under our control.
Here we show an extract of our original design intentions.
About the project
The aim of the website schweizerkulturpreise.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.
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 navigation. Thus taking into account the changed user behaviour on mobile devices, altogether favouring 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 viewports. 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.