Project Pinformation

Pinformation

MultiMediaTechnology, 2017

Über Pinformation

Es wird eine reale Pinnwand anhand von CSS-Animationen simuliert. Die Web-App wurde als responsive Single-Page entwickelt. Basierend auf der Wahl des Studiengangs baut sich die Pinnwand nach und nach mit den entsprechenden Post-Its auf. Die Oberfläche der Website suggeriert dem User sowohl Funktion als auch Aussehen einer echten Pinnwand, indem die einzelnen Notizen auf der Wand interaktiv hin und her bewegt werden können. Die Detailinfos erhält der User durch Anklicken des jeweiligen P...

Es wird eine reale Pinnwand anhand von CSS-Animationen simuliert. Die Web-App wurde als responsive Single-Page entwickelt. Basierend auf der Wahl des Studiengangs baut sich die Pinnwand nach und nach mit den entsprechenden Post-Its auf. Die Oberfläche der Website suggeriert dem User sowohl Funktion als auch Aussehen einer echten Pinnwand, indem die einzelnen Notizen auf der Wand interaktiv hin und her bewegt werden können. Die Detailinfos erhält der User durch Anklicken des jeweiligen Post-Its als Pop-Up. Hier sieht man genauere Infos zum Post-It, kann diese bearbeiten oder das gesamte Post-It löschen.

Visuelle Eindrücke

Startscreen

Hier kann ein Studiengang ausgewählt werden, um spezifische Post-Its anzuzeigen
Hier kann ein Studiengang ausgewählt werden, um spezifische Post-Its anzuzeigen

Pinboard

Einzelne Datensätze werden als realistische Post-Its angezeigt und können per Drag&Drop angeordnet werden.
Einzelne Datensätze werden als realistische Post-Its angezeigt und können per Drag&Drop angeordnet werden.

Detailansicht

Hier sieht man genauere Infos zum Post-It, kann diese bearbeiten oder das gesamte Post-It löschen.
Hier sieht man genauere Infos zum Post-It, kann diese bearbeiten oder das gesamte Post-It löschen.