NDA

Software Redesign / Front-End Development

Interactive Design Prototype

Interactive Design Prototype

001-english-language

(english coming soon)

(english coming soon)

B&IT

Library System

Rolle

UX/UI Designer

Role

Concept, Idea, Prototyping

Typ

Werkstudent

Jahr

2020

Seit Anfang 2020 begleite ich die B&IT Group als Interaction Designer. Leider kann ich an dieser Stelle meine bisherigen Arbeiten nicht präsentieren.

Meine Arbeit umfasst folgende Bereiche:

Redesign der Legacy Software-Plattform "i-taros"

•  Erfassung und Überarbeitung der Informationsarchitektur

• Erfassung und Überarbeitung der UI Element Library

• Entwicklung des Design-Guides, später des Design Systems

• Wireframes

• Mockups

• Click-Dummy auf Basis der Mockups

Tools

Sketch, Figma, Marvel


Ausgangspunkt
Bibliotheken sind ein bedeutender Teil der Forschungs- und Wissenschaftsinfrastruktur sowie ein kultureller Ort für Inspiration und Kommunikation. Als dem freien Zugang zur Information verpflichtete Dienstleister stehen sie im Zuge der Digitalisierung vor einer Vielzahl an Herausforderungen. Neben der Sammlung und Erschließung von Inhalten – ob in gedruckter Form oder in Netzpublikationen – wird die Hauptaufgabe moderner Bibliotheken darin bestehen, einen ganzheitlichen Zugang zu Informationen und Medien zu ermöglichen.

Konzept
Unser Konzept gibt einen Ausblick darauf, wie ein nutzerfreundliches Such- und Leitsystem einer Bibliothek der Zukunft aussehen könnte. Zunächst wurde der bestehende Online-Katalog der Hochschule Magdeburg auf seine Stärken und Schwächen analysiert. Darauf aufbauend wurde eine konsistente Gestaltung entwickelt, die dem Nutzer eine intuitive und anwenderfreundliche Bedienung ermöglicht. Neben der klassischen Recherche lädt der Online-Katalog nun zum Stöbern und Entdecken ein.Das zusätzlich dazu entwickelte Navigationsgerät ermöglicht einen fließenden Übergang vom digitalen zum realen Raum. Der Prototyp verzichtet dabei gänzlich auf ein Display und wartet mit einem reduzierten, nur auf LEDs basierenden Interface auf. Richtungspfeile dienen als Wegweiser durch den Raum. Sollte ein Etagenwechsel nötig sein, leuchten Treppensymbole auf, um in das entsprechende Stockwerk zu weisen.

Ausgangspunkt
Bibliotheken sind ein bedeutender Teil der Forschungs- und Wissenschaftsinfrastruktur sowie ein kultureller Ort für Inspiration und Kommunikation. Als dem freien Zugang zur Information verpflichtete Dienstleister stehen sie im Zuge der Digitalisierung vor einer Vielzahl an Herausforderungen. Neben der Sammlung und Erschließung von Inhalten – ob in gedruckter Form oder in Netzpublikationen – wird die Hauptaufgabe moderner Bibliotheken darin bestehen, einen ganzheitlichen Zugang zu Informationen und Medien zu ermöglichen.

Konzept
Unser Konzept gibt einen Ausblick darauf, wie ein nutzerfreundliches Such- und Leitsystem einer Bibliothek der Zukunft aussehen könnte. Zunächst wurde der bestehende Online-Katalog der Hochschule Magdeburg auf seine Stärken und Schwächen analysiert. Darauf aufbauend wurde eine konsistente Gestaltung entwickelt, die dem Nutzer eine intuitive und anwenderfreundliche Bedienung ermöglicht. Neben der klassischen Recherche lädt der Online-Katalog nun zum Stöbern und Entdecken ein.Das zusätzlich dazu entwickelte Navigationsgerät ermöglicht einen fließenden Übergang vom digitalen zum realen Raum. Der Prototyp verzichtet dabei gänzlich auf ein Display und wartet mit einem reduzierten, nur auf LEDs basierenden Interface auf. Richtungspfeile dienen als Wegweiser durch den Raum. Sollte ein Etagenwechsel nötig sein, leuchten Treppensymbole auf, um in das entsprechende Stockwerk zu weisen.

Förderantrag

Im Zuge der Bewerbung für die Förderung durch das Bundesministerium für Wirtschaft und Energie wurden Grafiken und ein Antragsvideo für die Präsentation erstellt.

• Erstellung und Visualisierung des Business Model Canvas

• Abbildung des B&IT Ökosystems als isometrische Grafik

• 3min Erklärvideo

Tools

Sketch, Illustrator, After Effects, Premiere Pro


Kundenprojekt

Für das Redesign wurde eine Agentur beauftragt. Backend Architektur wurde mit i-taros aufgebaut. Design Implementierung sollte durch die starke Modifizierung eines Wordpress Themes erfolgen.

• Einbindung der Custom-Fonts

• Designänderungen durch Custom CSS

• Integration und Anpassung durch diverse Plugins

• CSS Änderungen in den Plugins

• Anforderungen für Barrierefreiheit nach BITV 2.0 darlegen

Tools

Wordpress, CSS, Gitlab (Versionskontrolle)


sd

Weitere Projekte

SentiVoice User Interface / Master Theis

Hired Magazinework samples

Die ParadiesvorhalleAcoustic Art Project

Meet DanInteraction Design

Flappy HeadInteraction Design

2019 · Raphael Hillinger