Logo
Kontakt

E-Mail: info(at)studio1.de
Telefon: 03606 67960
Fax: 03606 6796 20

Kontakt­                   ­Newsletter

Support

Supportanfrage stellen im: 

IT Service Desk

Veränderung, du bist mein Freund ...

Websiterelaunch für Bötzow Berlin

Kunde Bötzow Berlin GmbH & Co. KG
Produkte Website

Aufgabe

Auf Bötzow, einem ehemaligen Brauereigelände in Berlin, ist nach Jahren des Verfalls seit einiger Zeit wieder mächtig was los. (Co-)Working Spaces, Innovationszentren, Kunstausstellungen ... Der ungewöhnliche, neue urbane Raum präsentiert sich weltoffen und frei – natürlich auch online, zum Beispiel, um anstehende Events zu bewerben. Und weil die Veränderung ein ständiger Gast auf Bötzow ist, wollte man sich auch im Netz von einer ganz neuen Seite zeigen ...

Lösung

Die neue Website des Projekts Bötzow Berlin sollte in satten Farben und lebendigen Bildern Geschichte zeigen und Brücken ins Hier und Heute bauen. Am besten alles gleichzeitig. Deshalb haben wir uns für einen Ansatz entscheiden, der ein wenig an ein Card Based Design erinnert. Der Vorteil dieser Gestaltungsweise: Der gesamte Website Content und alle möglichen Navigationswege werden auf einen Blick erfasst und sind schon von der Startseite aus erreichbar. Besonders lebendig wird ein solches Design, wenn verschiedene Mouseovereffekte wie in diesem Fall „Blur“ und „Zoom“ eingesetzt werden. Zusätzlich gibt es noch andere technische Raffinessen: Zum Beispiel den Vorher-Nachher-Slider (Image Juxtapose) auf der Architektur-Seite. Hier werden die Gebäude auf dem Brauereigelände im Wandel der Zeit bzw. vor und nach den Sanierungsarbeiten gezeigt.

Tipp zum Nachmachen: Wenn Ihnen der Juxtapose-Effekt gefällt, und Sie etwas ähnliches auf Ihren Seiten einsetzen möchten, suchen Sie einfach alte Fotos (Vorher-Motive) heraus und achten Sie darauf, dass Sie die Nachher-Motive aus der gleichen Perspektive shooten und einen ähnlichen Bildausschnitt wählen.

Eine weitere Besonderheit, die Nutzern sehr entgegenkommt, sind die Scroll-up- und Scroll-Down-Funktionen, mit denen sie an beliebiger Stelle nach oben und unten springen können. Diese Funktionen sind besonders bei mobiler Anwendung nützlich.

Umgesetzt haben wir die Seite übrigens mit einem relativ unbekannten Content-Management-System namens October. Das kostenlose Open-Source-System basiert auf der Programmiersprache PHP und fühlt sich im Handling ähnlich wie WordPress an.

Bequem von A nach B

Bei diesem Webdesign haben wir aus dem sonst üblichen Nacheinander eher ein Nebeneinander gemacht. Das Auge erfasst schon auf der Startseite alle Inhalte und Navigationsmöglichkeiten. Die meisten Content-Elemente sind zweispaltig angelegt, mehrere Shortcuts ermöglichen es, von Element zu Element zu „springen“, anstatt lange scrollen zu müssen.

Georg Halbhuber, Projektleiter

Über Bötzow Berlin

Das Bötzow-Areal liegt im Zentrum Berlins in der Nähe vom Alexanderplatz. Die ehemalige Bierbrauerei war viele Jahrzehnte lang verlassen und dem Verfall ausgesetzt. Seit den 2010er-Jahren befindet sich das Areal wieder im Aufbau. Heute ist Bötzow ein belebter Ort, an dem unter anderem regelmäßig Kunstausstellungen stattfinden.

Nachgefragt: Was ist eigentlich ein Mouseover-Effekt?

Der Mouseover Effekt beschreibt das Verhalten eines Website-Elements, wenn man mit der Maus darüberfährt. Er wird auch Hover-Effekt genannt, verleiht statischen Elementen mehr Dynamik und macht das Nutzererlebnis insgesamt interaktiver und abwechslungsreicher.

Studio1® Referenz Bötzow Berlin Websiterelaunch
Studio1® Referenz Bötzow Berlin Websiterelaunch
History
Studio1® Referenz Bötzow Berlin Websiterelaunch
Studio1® Referenz Bötzow Berlin Websiterelaunch
Art
Vorher-Nachher-Slider (Image Juxtapose)
Vorher-Nachher-Slider (Image Juxtapose)
Change

Nehmen Sie Kontakt auf und lassen Sie sich beraten!

Felder mit * sind Pflichtfelder!