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 Website war veraltet, schwer zu navigieren und über die Touchpoints hinweg inkonsistent. Die Nutzer hatten Schwierigkeiten, relevante Informationen zu finden, und die fragmentierte Bildsprache schwächte die Positionierung des Instituts.
Die Herausforderung bestand darin, die Plattform neu zu gestalten, um die Benutzerfreundlichkeit zu verbessern, strukturelle Klarheit zu schaffen und ein einheitliches visuelles System zu entwickeln, das die Präsenz des Instituts aufeinander abstimmt.
Das i3mainz – Institut für Raumbezogene Informations- und Messtechnik – arbeitet an hochkomplexen, oft abstrakten Forschungsprojekten. Die bestehende Website war veraltet, schwer zu navigieren und über die Touchpoints hinweg inkonsistent. Die Nutzer hatten Schwierigkeiten, relevante Informationen zu finden, und die fragmentierte Bildsprache schwächte die Positionierung des Instituts.
Die Herausforderung bestand darin, die Plattform neu zu gestalten, um die Benutzerfreundlichkeit zu verbessern, strukturelle Klarheit zu schaffen und ein einheitliches visuelles System zu entwickeln, das die Präsenz des Instituts aufeinander abstimmt.
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.
