Case Study 01

"Mein Portfolio" Ina Staiger

Entwicklung eines außergewöhnlichen Konzeptes: Präsentation des eigenen Portfolios im Format einer Website, die Design-Expertise und technisches Können gleichzeitig sichtbar macht.

Zum Live-Projekt

Interaction Design – Interaktive Prototypen

UX-Konzeption – Nutzeranalyse und Wireframes

UX-Research – Usability-Testing und Optimierung

PROJEKT-ÜBERSICHT

Anforderung, Strategie und Ergebnis

Ziel: Schaffung eines responsiven, ästhetischen Portfolios, das Kompetenz, Prozessstärke und Design-Expertise sichtbar macht, barrierefrei nutzbar ist und durch modulare Komponenten flexibel erweitert werden kann.

Aufgaben: UX Research, UX und UI Konzeption, Interaction Design, Entwicklung eines konsistenten Styleguides, Erstellung modularer Komponenten, Programmierung und Implementation.

Jahr und zeitlicher Rahmen: 2025 - 3 Monate

Rolle: UX/UI/Interaction Designer, Frontend Developer

Fokus: UX Research, Wireframing, Prototyping, Usability Testing

Tools: Figma, Adobe Photoshop, CMS WordPress, MS Copilot, GitHub Copilot, Dreamweaver, Visual Studio

Ausgangslage und Zielsetzung

Die Herausforderung

Präsentation von Referenzen und Expertise in einem einzigartigen Web-Portfolio
Visuell ansprechendes und funktionales Design
Responsive Umsetzung für alle gängigen Endgeräte
Barrierefreiheit nach AAA-Standard
Skalierbare Struktur für einfache Pflege und Erweiterungen

Strategie und Konzeption

Die Vorgehensweise

User Research und Zielgruppenanalyse zur Definition relevanter Inhalte
Informationsarchitektur, Wireframes und klickbare Prototypen für klare Nutzerführung
Interaction Design für strukturierte und überzeugende Projektpräsentation
Entwicklung eines konsistenten Styleguides unter Einbindung vorhandener Design-Elemente
Erstellung modularer Komponenten für wiederverwendbare Layouts

Umsetzung und Wirkung

Das Endergebnis

Ein einzigartiges, responsives Portfolio für alle Endgeräte
Ästhetisches und konsistentes Design, das Design-Expertise und Prozesskompetenz sichtbar macht
Strukturierte Präsentation von Projekten und Expertise für schnelle Orientierung
Barrierefreie Nutzung nach AAA-Standard
Flexible, skalierbare CMS-Struktur ermöglicht einfache Pflege und Erweiterungen
Website vermittelt Vertrauen und Mehrwert für potenzielle Arbeitgeber

Fazit

Auf den Punkt gebracht

Ein unverwechselbares Portfolio im responsiven Website-Format für Desktop, Tablet und Smartphone verdeutlicht die gestalterische und technische Stärke. Mit einem klaren, barrierefreien und konsistenten Aufbau – unterstützt durch Styleguide und modulare Elemente – entsteht eine Präsentation, die Konzeption, Design und Umsetzung nahtlos verbindet

Das Resultat ist eine Plattform, die Professionalität ausstrahlt, Vertrauen fördert und den Mehrwert für Arbeitgeber unmittelbar erfahrbar macht.