Digitalisierung des Nachhaltigkeitsberichtes

Unsere Aufgabe war es, parallel zum BEKB Nachhaltigkeitsbericht in PDF Form eine digitale Alternative zu schaffen und dadurch dem Thema zu mehr Attraktivität und Relevanz zu verhelfen. Dafür haben wir eine einzigartige und lebendige Nachhaltigkeitswelt kreiert, welche die Botschaften der BEKB bestens transportiert.

  • 22 Nachhaltigkeitsthemen
  • Ăśber 30 individuelle Animationen
  • Höchste Performance dank Lottie Technologie

HĂĽt fĂĽr morn

Die neue Nachhaltigkeitsplattform soll uns alle zum Handeln auffordern und das auf eine spielerische, frische und ansprechende Art. Ganz nach dem Leitgedanken “Heute etwas für morgen tun” heisst die Plattform deshalb “Hüt für Morn” und kommuniziert so zeitgleich die Dringlichkeit wie auch das Engagement der BEKB.

Homescreen Animation auf HĂĽt fĂĽr morn

Wirkungsvolle Animationen

Ein elementarer Teil der User Experience sind die zahlreichen Animationen, welche an verschiedensten Orten auf der Webseite eingeflochten sind. Auf dem Ausgangsbildschirm inszenieren wir eine lebendige Welt in Form einer kleinen Stadt. So bieten wir einen Überblick über das vielseitige Themengebiet. Mit flüssigen Page-Transitions runden wir das Gesamterlebnis ab und das unabhängig, ob auf dem Smartphone oder auf den übergrossen Touchscreens in den Bankfilialen durch die Seite navigiert wird.

Animation auf HĂĽt fĂĽr morn

2 Klick UserfĂĽhrung

Es ist uns gelungen mehr als 24 Themen auf einer äusserst flachen Architektur abzubilden und so die Komplexität drastisch zu reduzieren. Mit der Verschmelzung des zweiten Navigationslayers mit den Inhaltsseiten werden alle Inhalte mit nur einem Klick aus der lebendigen Stadt heraus aufgerufen. Dank einer subtilen Farbhinterlegung der Themengebiete wird dem User eine subtile Orientierungshilfe gegeben.

2 Klick Navigation

Responsiveness

Die digitale Welt der BEKB ist responsive von 5.7’’ bis hin zu 60” Digital Signage Screens für Sitzungszimmer und Eingangshallen. Wir haben sowohl Schriften, Seitenverhältnisse/Grids wie auch Animationen auf diese sehr breite Gerätepalette optimiert und die Webseite insbesondere auch für das Benutzen auf grossflächigen Touch-Devices optimiert.