Internationales Büro der Humboldt-Universität zu Berlin
2022 – 2024
CDLX / Martin Christel / Hugo Göldner / Isa Soysal

Humboldt-International

a classy but clean mobile website with a buckminster fuller ma
A classy but clean website with a blue buckminster fuller map

Task

Neugestaltung der Website der Humboldt-Universität. Eine der größten Universitäten Deutschlands, die unter fünf verschiedenen Regierungen gearbeitet hat und etwa 40.000 Studenten beherbergt. Das ist ein gewaltiges Unterfangen, das Hunderte von Abteilungen und Menschen sowie Tausende von Websites umfasst.

Also fingen wir klein an. Wir entwickelten ein System und testeten es an einzelnen Teilen des Puzzles. Hu-international, das internationale Büro der Universität, war ein guter Anfang.
Wissenschaft und Bildung. Unterschiedliche Kulturen, Sprachen und Ansätze. Der internationale Austausch ist sinnbildlich für die Arbeit der Universität.

Ziele

Klassich / Modern / Elegant / Vielfältig / Wissenschaftlich

Unser Designsystem auf HU-International anwenden. Das war eine besondere Freude, da Alexander von Humboldt tatsächlich ziemlich gut war. Und der einer Expedition – schlau und pragmatisch zu sein und gleichzeitig mit finanziellen Grenzen, verschiedenen Gruppen und Anforderungen zu jonglieren – war Teil des Projekts.
Die Übertragung unseres für die Humboldt-Universität entwickelten Designs auf eine andere Einrichtung brachte einige Aufgaben mit sich:
Die Universitätsangehörigen mit unseren Designideen überzeugen, die manchmal weit vom Universitätsstandard entfernt sind.
Unser System an die Anforderungen der Universität anpassen: Wir sind die Designer, aber die Website muss von der HU genutzt werden. Und sie sind die Profis auf ihrem Gebiet.
Studierende der HU sowie aus aller Welt suchen nach sehr allgemeinen bis hin zu sehr spezifischen Informationen.

A classy but clean mobile website
A classy but clean website with a blue footer

Do

Wir haben die gesamte Website neu aufgebaut. Dazu haben wir mit dem Team von HU-International Workshops zu Informationsarchitektur, Inhalten und Abläufen für Tools durchgeführt. Unter Beibehaltung unseres organischen Hu-Systems haben wir Änderungen eingeführt, die auch für die anderen Bereiche von Vorteil sind.

Navigation

Das Problem bei Universitäten ist, dass einige Einrichtungen viele Seiten haben, während andere nur sehr wenige haben. Gleichzeitig müssen wir bereit sein, das Meta-Universitätsmenü zu integrieren.
Wir haben ein Menü entwickelt, das ein klassisches Drilldown-Menü mit Breadcrumbs kombiniert und Power-Usern die Möglichkeit bietet, Teile der Struktur aufzuklappen. Es funktioniert sowohl auf Desktop-Computern als auch auf Mobilgeräten. Die Grundfunktionen sind intuitiv zu bedienen. Mit den erweiterten Funktionen können Sie durch das Menü navigieren, ohne die Seite zu verlassen. Außerdem zeigt es Ihnen an, wo Sie sich auf der Seite befinden.
Es erforderte zahlreiche Workshops mit Entwicklern und Kund:innen sowie umfangreiche Arbeit an Figma-Prototypen. Das Ergebnis ist es wert.

a clean mobile website menu
A classy but clean website with a university image

So what do I think?

Universitäten sind besondere Kund:innen. Vielfältige und interessante Menschen. Eine enorme Größe und besondere Anforderungen in technischer Hinsicht. Der Arbeitsablauf unterscheidet sich vom privaten Sektor, da Entscheidungen anders getroffen werden und beispielsweise der Wechsel der Universitätspräsidentin ein Projekt für Monate zum Stillstand bringen kann.
Ich traf hochmotivierte Menschen und arbeitete sowohl an abstrakter Kommunikation als auch an praktischen Informationen. Wir veränderten den Stil der Website von einem alten bürokratischen Labyrinth zu einer stylischen, aber eleganten Bibliothek.