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
Portfolio Ina Staiger
Projektbild 1
Projektbild 2
Projektbild 3
Projektbild 4

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

 

Herausforderung
Vorgehensweise

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

 

Das Ergebnis

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.