Mediendesign Grundlagen SoSe26

BHT Campus Hub

Übung 05

Logo und App-Icon

Dokumentation der Recherche, Corporate Design Anwendung und App Icon Prüfung

Yasir Jumaah, Philipp Krenke, Tanalp Sekil

App-Idee in drei Zeilen

BHT Campus Hub

BHT Campus Hub ist der smarter Campus-Begleiter: Wegfinden, Studienorganisation und Services an einem Ort vereint.

01

BHT Campus Hub ist die zentrale App für Orientierung, Studium und Campusleben an der BHT.

02

Dashboards und Inhalte passen sich Rolle, Standort und Tageskontext an.

03

So finden Studierende, Lehrende und Gäste schnell Räume, Fristen, Services und Kontakte.

Recherche: Hochschul-/Uni-Apps

Uni Lübeck

Uni Lübeck Splashscreen — Icon + Splashscreen

Institutionelles Logo, sehr reduzierter Ladebildschirm.

TUM Campus

TUM Campus Splashscreen — Icon + Splashscreen

Starke Hausfarbe, Logo wird groß und mittig eingesetzt.

Studo

Studo Splashscreen — Icon + Splashscreen

Produktmarke statt Hochschullogo, klarer Startscreen.

Penn State Go

Penn State Go Splashscreen — Icon + Splashscreen

Logo und Name stehen prominent im Vordergrund.

Hello Heels

Hello Heels Splashscreen — Icon + Splashscreen

Illustratives Icon, stärker als Student-Tool lesbar.

Recherche: Gängige Apps

X

X Splashscreen — Icon + Splashscreen

Extrem minimal: Zeichen steht allein auf neutraler Fläche.

Spotify

Spotify Splashscreen — Icon + Splashscreen

Icon nutzt Markenzeichen, Splashscreen reduziert es weiter.

WhatsApp

WhatsApp Splashscreen — Icon + Splashscreen

Markenzeichen als selbst erklärendes Symbol, Verweis auf Hersteller.

Discord

Discord Splashscreen — Icon + Splashscreen

Icon und Splashscreen bleiben nah an der Markenform.

Amazon

Amazon Splashscreen — Icon + Splashscreen

Wortmarke im Icon, Splashscreen arbeitet sehr schlicht.

Analyse der Recherche

Beobachtungen aus Teil A

01

Alle Apps setzen auf eine zentrale Grafik oder ein zentrales Logo in der Mitte.

02

Gängige Apps reduzieren stärker: Logo, Grundfarbe, wenig bis kein Text.

03

Hochschul-Apps zeigen häufiger institutionelle Logos oder funktionale Student-Tool-Symbole.

04

Manche Ladebildschirme ergänzen einen kleinen Ladeindikator, ohne das Logo zu überladen.

Ableitung für BHT Campus Hub

Für BHT Campus Hub ist ein ruhiger Splashscreen mit BHT-Logo und eigenständigem App-Symbol passend.

Das App-Icon sollte ohne ausgeschriebenes Hochschullogo funktionieren, damit es klein gut erkennbar bleibt.

Kontrast, Schutzzone und unverzerrte Proportionen sind wichtiger als zusätzliche Dekoration.

BHT-Logo, Splashscreen und App-Icon

a) Ladebildschirm

b) App-Icon einzeln

BHT Campus Hub PWA-App-Icon

Campus Hub

Eingesetzte Variante: BHT-Logo horizontal auf dunklem Hintergrund mit ausreichendem Kontrast und unveränderten Proportionen.

App-Icon auf Homescreen

iPhone-Homescreen mit BHT Campus Hub App-Icon

Wireframe mit Logo

Das Logo wurde zusätzlich im Dashboard-Wireframe geprüft. Es bleibt klein, proportional und mit Abstand zum App-Namen platziert.

Logo nicht als dauerhafte Navigationsmarke auf allen Screens einsetzen.

Schutzzone und Proportionen bleiben erhalten.

Auf funktionalen Screens hat der App-Inhalt Vorrang vor Branding.

Dashboard mit Logo