Lukas BahrUX/UI Designer

HellabrunnUX/UI Design für die neue Website des Münchner Tierparks

Projekt | 2021 - 2022

Bunt angemalte Nacktkatze

Der Kunde

Der Münchner Tierpark Hellabrunn wurde 1911 gegründet. Im ersten Geozoo der Welt leben rund 18.500 Tiere in 529 Arten.

Das Projektziel

Eine Seite, die Vorfreude auf einen Parkbesuch weckt und den Besucher bei der Planung und Ausführung seines Besuchs unterstützt.

Meine Rolle

  • Im Rahmen meiner Tätigkeit für Pluswerk München
  • Mitwirkung am Projekt Pitch
  • Artdirection
  • UI/UX-Design
  • Abstimmung mit dem Kunden

Projektdetails

Styles

Gestaltet für die ganze Familie und darüber hinaus: verspielt, farbenfroh, aber auch modern und aufgeräumt, sodass sich jeder auf ihr zurechtfindet

Beispielhafte Seitenbühne

Ausgefranste Schrift, organische Formen und ein warmes Beige

Strahlendes Weiß, kerzengerade Linien und Schriften, bei denen jeder Buchstabe perfekt dem anderen gleicht, finden sich in der Natur doch recht selten.

Warum sollte das also anders sein auf der Seite des naturverbundenen Tierparks?

Beispielhafte Seitenbühne

Ist es rund, gelb und hat einen Plus oder Pfeil darauf...

...kannst du sicher sein, es passiert was. Klick einfach drauf!

Beispielhafte Seitenbühne

So bunt wie die Artenvielfalt im Park

Parkplan

PDF herunterladen und gut ist? Wie wäre es mit einem interaktiven Parkplan, der einem sogar anzeigen kann, wo man gerade steht!

Minimalistisches UI

Der interaktive Parkplan hilft den Nutzern den richtigen Parkplatz und Eingang zu finden, die Öffnungszeiten von Restaurants, den genauen Ort und Zeit für besondere Veranstaltungen und vieles mehr.

zum Parkplan
Interaktiver Parkplan auf einem iPhone

Mobile First

Mit zwei Fingern Zoomen, Kategorien zur Seite durchwischen und auf Buttons klicken, die groß genug sind, selbst für die wurstigsten aller Finger.

Genau wissen, wo man ist

Für neue Parkbesucher sicher eine große Hilfe.

Content

Große Bilder und einfach zu navigieren.

Seitenheader mit geöffneter Navigation auf einem iPad

Sofort bei den wichtigsten Inhalten

Tierparkplan, Tickets und Spenden sind sofort über den Header zu erreichen.

Alle weiteren Inhalte finden sich in der nach Interessen strukturierten Navigation daneben.

3 Bild-Teaser mit Freisteller und Giraffenfell-Muster im Hintergrund

Das Tierfellmuster lebt weiter

Zwar nicht mehr als flächiger Hintergrund hinter der gesamten Seite, dafür als "Medium im Medium" in Form eines Teasers.

Bild-Teaser mit flächigen Hintergrundbildern

Teaser, bei denen die Bilder im Mittelpunkt stehen

Tiere

Als erster Geo-Zoo der Welt ist es Hellabrunn besonders wichtig, die Vielfalt seiner Tierwelt im weltweiten Kontext zu präsentieren.

Der Geo-Zoo als interaktive Karte

Der Nutzer kann einfach per Klick auf die Karte oder Auswahl aus der Liste den gewünschten Kontinent auswählen.

zum Parkplan
Übersichtsseite Geozone Afrika auf einem iPhone

Flächige Farben für die Kontinente

Jede der 9 Geozonen besitzt eine eigene farbliche Identität, die sich über den Header bis hin zur Browserleiste erstreckt.

Detailseite Löwe auf einem iPhone

Tierdetailseite

Die Tierseite übernimmt die Farbe der Geozone. Auf den ersten Blick bietet sie wichtige Informationen, wie Gefährdungsgrad oder den lateinischen Namen des Tieres, direkt an.

Konzept

Was wäre denn schon eine Seite ohne Konzept?

Hedwig, bist du es? Finde es heraus im Tierpark Hellabrunn
In 80 Jahren um die Welt, oder in 80 Minuten durch den Tierpark Helabrunn
Du bist uns ins Netz gegangen, jetzt fehlt nur noch dein Besuch im Tierpark Hellabrunn
Der Herr der Ringe, zeigen wir jeden Tag im Tierpark Hellabrunn
Quallentative Unterhaltung, nur im Tierpark Hellabrunn

Jeden Tag eine andere Begrüßung

Jeden Tag spielen wir eine andere Begrüßung auf der Startseiten-Bühne aus. Diese besteht aus einem Tierbild im Hintergrund kombiniert mit einem (zumeist) witzigen Text, der zum Parkbesuch einlädt.