Projekt 2023 - ProjectSurvival4All


Maximilian Feldmann & Christian Dedy

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

Während der Durchführung des Projekts ProjektSurvival4All haben wir uns bewusst für einen strukturierten und durchdachten Gestaltungsprozess entschieden, um sicherzustellen, dass die Plattform den Bedürfnissen unserer Nutzer:innen optimal entspricht. Zunächst haben wir die wichtigsten Informationen aus der Projekt-Informationsseite extrahiert und als Hilfestellung in einem eigenen Abschnitt in Figma abgelegt. Anschließend wurden die Gestaltungselemente festgelegt, wobei wir uns für ein Design in Pink der MI und einem eigenständigen Gelb entschieden haben, das ProjektSurvival4All repräsentiert. Um konsistent zu arbeiten, haben wir ein Steuerelemente-Feld angelegt, das alle zukünftigen Elemente und Farben beinhaltet und kontinuierlich aktualisiert wurde. Ein User-Flow wurde erstellt, um die Navigation und Interaktion auf der Plattform zu optimieren, und basierend darauf wurden Navigationsstrukturen entwickelt. Wir haben eine erste Startseite sowie einen selektiven Präsentations-Viewer erstellt, wobei die Farbgebung später nach Feedback von Prof. Christian Noss und seinen Mitarbeitern auf eine Mischung aus TH-Köln-Lila und MI-Pink geändert wurde. Die Navigation wurde abgespeckt und an die aktuelle TH-Köln-Navigation angepasst. Zusätzlich wurden verschiedene Ansichtsvarianten entwickelt, darunter eine Fullscreen- und eine Semi-Fullscreen-Variante der Ansicht einer Präsentation, um unterschiedliche Nutzungsszenarien abzudecken. Gestalterisch wurde viel mit 80% deckenden Farben gearbeitet, um eine optimale Lesbarkeit und Ästhetik zu gewährleisten. Die Startseite wurde bewusst übersichtlich gestaltet, um den Nutzer:innen eine einfache und intuitive Navigation zu ermöglichen. Artikel, die dem Benutzer gefallen könnten, neue Artikel und beliebteste Artikel wurden prominent platziert, um einen schnellen Zugang zu relevanten Inhalten zu gewährleisten und das Entdecken neuer Themen zu erleichtern. Insgesamt haben wir während des gesamten Gestaltungsprozesses darauf geachtet, die Bedürfnisse und Erwartungen unserer Zielgruppe im Blick zu behalten und die Plattform kontinuierlich zu verbessern, um ein optimales Nutzungserlebnis zu bieten. Es ist sehr viel TH-Köln ersichtlich. Farben, Fonts, Anordnungen und Verhältnisse enthalten die DNA der TH-Köln, Alpha-Werte, MI-Farbakzente und Details zeigen, dass ProjektSurvival4All ein Seperater Service ist. Screens sind anhand des User-Flows wiederverwendbar.

Style-Guide

Styleguide für das Projekt von Maximilian Feldmann & Christian Dedy