UX/UI Case Study: Redesign & visuelle Strategie für ein Forschungsinstitut.
Meine Rolle: UX/UI Design, Art Direction, Interaktives Prototyping & Visual Strategy.
Die Herausforderung:
Das i3mainz – Institut für Raumbezogene Informations- und Messtechnik – arbeitet an hochkomplexen, oft abstrakten Forschungsprojekten. Die bestehende Webseite war technisch veraltet und bot wenig visuellen Zugang zu den Inhalten. Ziel des Redesigns war es, das Institut moderner zu positionieren und die oft schwer fassbaren Projektergebnisse für die Nutzer intuitiv zugänglich und leicht erfassbar zu machen.
Das i3mainz – Institut für Raumbezogene Informations- und Messtechnik – arbeitet an hochkomplexen, oft abstrakten Forschungsprojekten. Die bestehende Webseite war technisch veraltet und bot wenig visuellen Zugang zu den Inhalten. Ziel des Redesigns war es, das Institut moderner zu positionieren und die oft schwer fassbaren Projektergebnisse für die Nutzer intuitiv zugänglich und leicht erfassbar zu machen.
Der Prozess:
Das Redesign basierte auf einem systematischen Austausch mit den Instituts-Stakeholdern. Ich konzipierte und gestaltete die gesamte User Experience in Figma. Um eine hohe Design-Qualität im fertigen Produkt sicherzustellen, arbeitete ich während der gesamten Realisierungsphase eng mit dem Entwickler-Team zusammen. Dieser Prozess garantierte, dass die komplexen Interaktionen und das visuelle System exakt wie geplant im Web umgesetzt wurden.
Das Redesign basierte auf einem systematischen Austausch mit den Instituts-Stakeholdern. Ich konzipierte und gestaltete die gesamte User Experience in Figma. Um eine hohe Design-Qualität im fertigen Produkt sicherzustellen, arbeitete ich während der gesamten Realisierungsphase eng mit dem Entwickler-Team zusammen. Dieser Prozess garantierte, dass die komplexen Interaktionen und das visuelle System exakt wie geplant im Web umgesetzt wurden.
Die Lösung:
Da für viele Projekte kein hochwertiges Fotomaterial vorlag, entwickelte ich einen konsistenten, isometrischen Illustrationsstil. Diese technischen, aber grafisch ansprechenden Grafiken dienen auf der Webseite als visuelle Anker. In enger Abstimmung mit den Wissenschaftlern wurden komplexe Sachverhalte in klare visuelle Strukturen übersetzt, die den Inhalt nicht nur illustrieren, sondern aktiv beim Verständnis der Forschung helfen.
Da für viele Projekte kein hochwertiges Fotomaterial vorlag, entwickelte ich einen konsistenten, isometrischen Illustrationsstil. Diese technischen, aber grafisch ansprechenden Grafiken dienen auf der Webseite als visuelle Anker. In enger Abstimmung mit den Wissenschaftlern wurden komplexe Sachverhalte in klare visuelle Strukturen übersetzt, die den Inhalt nicht nur illustrieren, sondern aktiv beim Verständnis der Forschung helfen.
Print & Digital Synergien:
Die Grundlage für die neue digitale Identität bildete das Redesign des Jahresberichts. Durch die Entwicklung einer gemeinsamen Formensprache für Print und Web konnte eine durchgängige Markenpräsenz geschaffen werden, die die Innovationskraft des Instituts über alle Medien hinweg widerspiegelt.
Die Grundlage für die neue digitale Identität bildete das Redesign des Jahresberichts. Durch die Entwicklung einer gemeinsamen Formensprache für Print und Web konnte eine durchgängige Markenpräsenz geschaffen werden, die die Innovationskraft des Instituts über alle Medien hinweg widerspiegelt.
