KONTAKT

Institut ISAS

Jahr

2022

Aufgabenbereich

Workshop, Anforderungsanalyse, Informationsarchitektur, Wireframes, UI Design, Prototypes, Design System & Dokumentation

Tools

Miro, Figma, Redmine

Einführung

Für das Leibniz-Institut für Analytische Wissenschaften (ISAS) habe ich den Relaunch der Website gestaltet. Mein Ziel war es, eine riesige Menge an hochkomplexen Forschungsdaten modern und nutzerfreundlich aufzubereiten, ohne dass die akademische Seriosität des Instituts verloren geht.

Problem

Die alte Website stieß durch ihre „Datenschwere“ an ihre Grenzen. Die enorme Tiefe der wissenschaftlichen Inhalte war so verschachtelt strukturiert, dass sie auf Besucher eher erschlagend wirkte. Dadurch wurde der eigentliche Innovationsgeist des Instituts unsichtbar und die Kernbotschaften der Forschung gingen unter.

Herausforderung

Die größte Hürde war die radikale Neusortierung der Informationsarchitektur, um Experten und Laien gleichermaßen abzuholen. Visuell bestand die Schwierigkeit darin, mit den sehr Schwarz-Grau-dominanten Corporate-Farben ein spannendes Layout zu kreieren. Es galt zu beweisen, dass eine seriöse, dunkle Farbpalette nicht langweilig wirken muss, sondern modern und hochwertig inszeniert werden kann.

Der Prozess

UX Research & Strategie

Um die Vision des Instituts zu verstehen, habe ich an den Stakeholder-Workshops teilgenommen. Durch die Analyse der bestehenden Materialien und die Ergebnisse aus dem Workshop konnten der Projektmanager und ich genau identifizieren, wo die Kommunikation scheiterte, und diese Erkenntnisse in eine klare Design-Strategie übersetzen.

Ideation & Konzept

In engem Austausch mit dem Kunden habe ich eine völlig neue Navigationsstruktur entwickelt, um die tief verschachtelten Themenbereiche logisch zu ordnen. Das funktionale Gerüst wurde so optimiert, dass die Nutzerführung trotz der Informationstiefe immer intuitiv bleibt. So blieb das Gesamtbild aufgeräumt, während der fachliche Inhalt seinen nötigen Raum bekam.

Finales Ergebnis

Das neue UI-Design positioniert das ISAS als modernen Forschungsvorreiter, indem es die dunkle Farbdominanz durch großzügigen Weißraum und hochwertige Bilder dynamisch auflädt. Dank einer eigens entwickelten Komponenten-Bibliothek ist das Redesign zudem maximal skalierbar. Für eine präzise Umsetzung übergab ich die Designdaten inklusive einer detaillierten Dokumentation an das Team, sodass das komplexe System reibungslos live gehen konnte.