Design for Vienna: State of the art yet sustainable

A web redesign spanning across multiple enterprises of the Wiener Stadtwerke

State of the art and yet sustainable. That was our consensus when we developed the new web concept. Thanks to the premise of “uniformity and flexibility”, users immediately see they are surfing a uniform digital ecosystem, while each company retains maximal flexibility in the use of its own web presence.

Client: Wiener Stadtwerke
Year: 2017-2019
Type: Web Solutions

With 16,100 employees, the Wiener Stadtwerke concern is one of the 25 largest companies in Austria and contributes significantly to keep the city of Vienna running smoothly. Wiener Stadtwerke generates annual sales revenues of almost three billion euros with the group divisions of energy, mobility, parking, funerals, and cemeteries.

During the redesign process, we concentrated on a redesign of the site and its elements due to the given information structures and content. The design is marked by its straightforwardness and avoids unnecessary playfulness without losing any of its character.

The background image or video covers the entire width of the screen. You can switch between the individual slides using the arrow navigation (or drag/swipe). The triangle is animated when building the page or changing the slides and reflects the dynamic importance of the Wiener Stadtwerke for the city of Vienna, including its corporations. The city is always on the move, as is Vienna’s largest service provider. In addition, this element serves us as a visual bracket across all corporate pages and as a calming surface for teaser texts.

We gave the design more freedom and depth, and partly disrupted symmetries and the linear representation by using e.g. the 36° angle of the signet as an overlapping element for the triangle in the respective color.

In the central content area, which is kept narrow due to its low barrier width, we show examples of the most diverse content elements that can be used in a modular and arbitrary manner in a building block system. This includes text, image and video elements, tables, tabs, widgets, accordions, info boxes, quotes, galleries, thematic focuses, teasers in various sizes and use cases as well as maps and tooltips.

The basic design must be applicable to the group management and all group companies, and should be the starting point for the possible development of specific features and functions for the different web presences. ovos has understood this requirement and solved it perfectly.

Thomas Auinger, Konzernkommunikation Wiener Stadtwerke

Microsites, Applications & Co

The basic design called for a structure that is as flexible as possible, which meets the most diverse requirements (e.g. microsites with advertising character, campaign sites, interactive applications, appearances with a service or information focus).

Example: photovoltaic calculator, Wien Energie

Responsive design with mobile navigation.