Über mich

Ich bin Fiona Seifert und absolviere derzeit meinen Masterstudiengang Medien und Kommunikation (M.Sc.) an der Hochschule Offenburg. Mein aktueller Fokus liegt auf Innovation, Marketing und Management sowie der Frage, wie digitale Produkte strategisch entwickelt und kommuniziert werden.

Zuvor habe ich meinen Bachelor in Mobile Medien an der Hochschule der Medien Stuttgart abgeschlossen. Dabei lag mein Schwerpunkt auf Frontend-Webentwicklung, UI/UX-Design und insbesondere auf digitaler Barrierefreiheit. Während meines Praxissemesters im Web Development sowie als Social-Media-Managerin (HiWi) konnte ich praktische Erfahrung in der Umsetzung digitaler Projekte sammeln.

Darüber hinaus engagiere ich mich in eigenen Projekten und Initiativen. Ich habe unter anderem im Rahmen eines politischen Wahlkampfs im Bereich Organisation und Social Media mitgewirkt und betreue aktuell die Website eines Vereins. Besonders interessiert mich die Verbindung von Design, Technik und Kommunikation in digitalen Anwendungen.

Projekte

XCeed

Meine Aufgabe: UI-Design, Projektmanagement

XCeed Projektvorschau

Xceed war ein Hochschulprojekt in Zusammenarbeit mit Mercedes-Benz. Ziel war es, die Onboarding-Erfahrung für Elektroautos zu verbessern, sodass Nutzer:innen unabhängig von ihrem Wissensstand intuitiv unterstützt werden.

Figma • Teamprojekt (6 Personen) • Kurs: Interdisziplinäres Projekt

Cherryity – Einkaufsunterstützungs-App

Meine Aufgabe: UI-Design, Advertising

Cherryity App Vorschau

Cherryity soll Studierende mit Personen verbinden, die Hilfe beim Einkaufen benötigen. Mit Features wie Aufgabenverwaltung, Hot Deals, ein transparentes Bewertungssystem und digitale Gutscheine. Ziel war es, eine intuitive und benutzerfreundliche Plattform zu gestalten, die sowohl Kund:innen als auch Helfer:innen unterstützt.

Hinweis: Die in der App dargestellten Marken (z. B. Rewe) dienten ausschließlich als Beispielmaterial im Prototyp. Es besteht keine Kooperation mit Rewe.

Teamprojekt (2 Personen) • Kurs: Mobile Advertising and Brand Engagement

Vereinswebseite • Narren Ober Liga

Meine Aufgabe: Entwicklung & Betreuung

Vorschau der Vereinswebsite Narren Ober Liga

Seit mehreren Jahren betreue ich die Vereinswebsite der Narren Ober Liga. Die aktuelle Version unter narren-ober-liga.de wurde vor kurzem neu aufgesetzt und befindet sich noch im Aufbau. Umgesetzt wird sie mit WordPress und individuellem Code, in Zusammenarbeit mit dem Verein.

Ehrenamt • Individuelles Projekt

StepVenture – Interaktive Lauf-App

Meine Aufgabe: UX/UI-Design

StepVenture Smartphone- und Watch-Prototyp Vorschau StepVenture Smartphone- und Watch-Prototyp Vorschau

Eine App, die Laufen mit interaktiven Audio-Stories verbinden soll. Je nach Story läuft man ums Überleben, wird von Zombies gejagt oder löst Rätsel mit einem Detektiv.

Teamprojekt (7 Personen) • Kurs: User Interface Design

Bachelorarbeit

Automatische Prüfung von Websites auf Barrierefreiheit – Ein Vergleich mit einem manuellen Verfahren

Abgabe: 29.08.2025 • Kolloquium: 05.09.2025

Zielsetzung:
„Inwiefern erfüllt die Accessibility Cloud die Anforderungen an Genauigkeit, Effizienz und Nutzerfreundlichkeit bei der Barrierefreiheitsprüfung im Vergleich zum BIK BITV-Test?“

Hochschule der Medien Stuttgart • Abgegeben am 29.08.2025 • Kolloquium 05.09.2025

Portfolio • Diese Seite

Eigene Portfolio-Website als individuelles Projekt: entwickelt mit HTML, CSS und JavaScript und gehostet auf einem IONOS-Server. Die Seite ist responsive aufgebaut und wird laufend weiterentwickelt.

Gestartet im 2. Semester als kleine Übung, inzwischen meine digitale Visitenkarte mit ausgewählten Projekten, Designarbeiten und Coding-Experimenten.

Individuelles Projekt

InnerUp – Remote Health Monitoring

Meine Aufgabe: UX-Design & User-Tests

InnerUp App Vorschau

UX-Design einer App für Menschen mit Depressionen. Features: Buddy-Chat, KI-unterstützte To-do-Listen, Gamification.

Teamprojekt (5 Personen) • Kurs: User Experience Design

Tiny Tales – A Nut’s Journey

Meine Aufgabe: Frontend-Entwicklung, Projektmanagement

Vorschau TinyTales Vorschau TinyTales

Tiny Tales ist ein fesselndes interaktives Storygame, in dem Spieler:innen die Reise eines bezaubernden Eichelmännchens begleiten und durch Entscheidungen den Verlauf der Geschichte beeinflussen können. Das Spiel umfasst insgesamt sieben Minispiele, die jeweils unterschiedliche Herausforderungen und Interaktionen bieten.

Teamprojekt (5 Personen) • Kurs: Anwendungsprojekt

Creative Coding

Meine Aufgabe: JavaScript-Frontend (p5.js & Tone.js)

XCeed Projektvorschau

Experimente mit Visuals und Sound in p5.js und Tone.js. Kombination aus Bewegung, Interaktion (Handpose oder Maus) und Klang. Unterschiedliche Projekte entstanden, teils visuell, teils interaktiv, vom kleinen Sketch bis zum größeren Abschlussprojekt.

Einzel- & Teamprojekte • Auslandssemester Schweden

PYNK – Music App Design

Meine Aufgabe: UI-Design

PYNK App Logo

Mein erstes vollständiges Designprojekt: eine Musik-App für Pop-Punk-Fans. Entwicklung von Wireframes und eines High-Fidelity-Prototyps in Figma, mit Fokus auf eine passende Gestaltung und Nutzererfahrung für die Zielgruppe.

Kurs: Mobile Interaction Design

HfSW Social Media

HfSW Beispiel 1 HfSW Beispiel 2 HfSW Beispiel 3

Während meiner Hiwi-Tätigkeit bei der Hochschulföderation Südwest (HfSW) habe ich die Social-Media-Kanäle Instagram, Facebook und LinkedIn betreut. Meine Aufgaben umfassten die grafische Gestaltung der Posts, Anpassung an die jeweiligen Plattformformate und die Erstellung passender Story-Formate. Das Corporate Design (Weiß-Blau, Logo auf jedem Beitrag) und das feste Raster (wechselnde Bild- und Textposts) habe ich eigenständig umgesetzt.

Canva • Arbeit

City Cards – Typografie

Meine Aufgabe: Gestaltung von City Cards für die Hochschule der Medien

City Card Vorschau 1 City Card Vorschau 1

Im Rahmen des 1. Semesters habe ich im Kurs „Grundlagen Design / Typografie“ an einem Wettbewerb teilgenommen, bei dem neue City Cards für die Hochschulkommunikation gestaltet werden sollten.

Kurs: Grundlagen Design / Typografie • 1. Semester

Flyer

Gestaltung eines Flyers für das Familienunternehmen Anke’s Keksgenuss, den ein Wedding Planner seinen Kunden zeigen konnte. Die Flyer dienten als Auswahlmöglichkeit für Herz-Cookies oder andere Kekse von Anke’s Keksgenuss, die Kunden für Dessert- oder Keksbuffets wählen konnten. Ziel war, die Produkte ansprechend zu präsentieren und die Auswahl für die Kunden zu erleichtern.

Eigenständige Projekte • Tools: Affinity Photo

Bühnenbanner

Für die Narren Ober Liga habe ich ein Bühnenbanner gestaltet, das auf großen Bühnen gut sichtbar ist. Zuvor wurde das Banner mit Stoff und Holz manuell aufgebaut, was sehr zeitaufwendig war. Meine Aufgabe war es, das bestehende Design digital umzusetzen und die Elemente effizient und korrekt anzuordnen, sodass es einfach produziert werden konnte.

Eigenständige Projekte • Tools: Affinity Designer

Video-Animationen mit Adobe After Effects

Meine Aufgabe: Erstellung von Animationen

Im Rahmen meines Auslandssemesters in Schweden habe ich mehrere kurze Animationen erstellt, darunter drei kleine Einzelprojekte wie eine Logo-Animation. Außerdem habe ich in einem Zweierteam einen Ausschnitt eines Musikvideos zum Lied „Ich möchte ein Eisbär sein“ animiert.

Hinweis: Es handelt sich um studentische Projekte, Rechte am Originalsong bestehen nicht.

Einzel- & Teamprojekte • Auslandssemester Schweden • Kurs: Motion Graphic Design

Keksgenuss Social Media

Betreuung des Instagram- und Facebook-Auftritts meiner Eltern für ihr kleines Familienunternehmen „Ankes Keksgenuss“. Der Fokus liegt dabei auf Bestandskundenpflege: bestehende Kunden werden informiert, für ihre Treue bedankt und mit Einblicken in neue Produkte oder Aktionen versorgt.

Canva • Privat