Neue Website für die Studierenden der TH Köln «ProjektSurvival4All»


Rasmus Walsh & Amin Merzouk

Kontext
Studium am Campus Gummersbach
Modul
Screendesign
Semester
Wintersemester 2023/24
Studiengang
Medieninformatik Ba.

Das diesjährige Projekt dreht sich um das Projekt “ProjektSurvival4All”, eine Website zur geordneten Auflistung von Präsentationen, Videos und Guides rund um das Thema der Projektarbeit. Unsere Aufgabe bestand darin, die Website „ProjektSurvival4All“ zu entwerfen. Dabei war ein wichtiges Merkmal, eine Zugehörigkeit zur Website der TH Köln zu bewahren und dennoch eine eigenständige Identität zu entwickeln.

Wir haben im Speziellen darauf geachtet, das Farbschema der TH Köln zu erweitern und die Möglichkeiten der verschiedenen Geräte im vollen Ausmaß zu nutzen und zu integrieren. Das Farbschema soll mit seinen Farben eine Hommage an die klassischen Hauptfarben der TH sein. Durch die leichte Abweichung von den Originalfarben und dem Hinzufügen beiger Elemente wirkt die Seite beruhigend und vermittelt eine angenehme und neutrale Atmosphäre. Durch die Preview, die beim Hovern mit der Maus (PC) oder beim Halten der einzelnen Elemente (Handy und Tablet) erscheint, erhält der User sofort einen klaren Überblick über die Inhalte und hat dennoch die Möglichkeit, sie mit der Bewegung der Maus oder dem Heben des Fingers einfach auszublenden. Zusätzlich hat der User jederzeit die Möglichkeit, über das “New Tab”-Icon einen Tab für den jeweiligen Inhalt zu öffnen, um so dennoch auf der Hauptseite weiter zu browsen oder z. B. die “Verantwortlichen” Seite anzeigen zu lassen.

Auf der Contentseite angekommen, kann man sich den Inhalt, wenn möglich, herunterladen, ihn teilen, favorisieren oder in einem separaten Tab öffnen. Gleichzeitig kann der User auf dieser Seite Beiträge kommentieren und bewerten und weitere Inhalte durchstöbern, um so vielleicht weitere hilfreiche Inhalte zu finden. Favorisierte Beiträge kann der User sich dann jederzeit auf seiner persönlichen Profilseite anschauen und verwalten. Hier kann der User sich bei Bedarf auch als Mitarbeiter einer Hochschule validieren lassen, um dann im Anschluss eigene Beiträge hochladen zu können.

Style-Guide

Styleguide für das Projekt von Rasmus Walsh & Amin Merzouk