Dokumentation 2

Das digitale Portfolio ist weit mehr als eine blosse Sammlung von Arbeitsproben – es ist Ihre digitale Identität und Ihr wichtigstes strategisches Akquise-Tool. Sie stehen nach dem Studium vor der Herausforderung, sich in einem kompetitiven Markt zu behaupten, in dem Arbeitgeber:innen und Kunden über die fachliche und kulturelle Eignung entscheiden. Die Herausforderung besteht darin, die haptische Qualität und die komplexe Prozesshaftigkeit von physischen oder strategischen Designprojekten in den zweidimensionalen, digitalen Raum einer Website zu übersetzen, ohne an Tiefe zu verlieren. Dieses Modul unterstützt Sie dabei, diese Hürde zu meistern, indem es das Portfolio als eigenständiges Designprojekt begreift. Sie lernen, Ihre individuelle gestalterische Haltung präzise zu formulieren und durch gezieltes Storytelling sowie eine durchdachte User Experience erlebbar zu machen. Der Mehrwert für Ihr Berufsleben liegt in der Professionalisierung Ihrer Selbstdarstellung: Sie präsentieren nicht nur Ergebnisse, sondern kommunizieren Ihre Problemlösungskompetenz und Ihren Wertbeitrag. Das Modul befähigt Sie, eine Web-Präsenz zu schaffen, die technologisch zeitgemäss, inhaltlich fokussiert und in der Bedienung barrierefrei ist – und die sich flexibel mit Ihrer Karriere weiterentwickelt.

• Konzeptions- und Strategiekompetenz Sie können eine klare Positionierung für ihr eigenes Profil erarbeiten. Sie sind in der Lage, Zielgruppenanalysen durchzuführen und darauf basierend eine Informationsarchitektur zu entwickeln, die komplexe Projekte verständlich strukturiert.
• Kuratorische Kompetenz Sie entwickeln die Fähigkeit, eigene Arbeiten kritisch zu bewerten und nach strategischen Gesichtspunkten auszuwählen. Sie lernen, Qualität über Quantität zu stellen und eine schlüssige Erzählstruktur (Storytelling) über alle Projekte hinweg aufzubauen.
• Digitale Gestaltungskompetenz Sie können visuelle Identität und Interface Design auf das Medium Web übertragen. Dabei beherrschen sie den Einsatz von Typografie, Farbsystemen und Layout-Rastern, die speziell für verschiedene Bildschirmgrössen (Responsivität) optimiert sind.
• Technische Umsetzungskompetenz Im Bereich der instrumentalen Fertigkeiten erwerben Sie die Fähigkeit, Web-Technologien oder No-Code/Low-Code-Tools sicher anzuwenden, um ihre Entwürfe ohne Qualitätsverlust im Web zu publizieren.
• Kommunikations- und Reflexionskompetenz Sie verstehen es, ihre getroffenen Designentscheidungen fachlich zu begründen.

Das Modul ist in thematische Blöcke unterteilt, die den Entstehungsprozess einer Portfolio-Website abbilden:

• Positionierung und Branding: Analyse der eigenen Stärken, Definition der gestalterischen Identität, Erarbeitung einer Brand Persona.
• Content-Strategie und Storytelling: Kuratieren der Case Studies, Strukturierung von Projektbeschreibungen, Erstellung von aussagekräftigem Bild- und Videomaterial.
• Informationsarchitektur (IA) und UX-Design: Sitemap-Erstellung, User Flow und Navigationskonzepte, Wireframing und Prototyping der Website-Struktur.
• Visual Interface Design: Übertragung der Identität in ein Web-Layout; Gestaltung von Microinteractions; Fokus auf Responsivität (Mobile First vs. Desktop).
• Technische Realisierung: Einführung in Web-Plattformen und CMS-Systeme, Grundlagen von SEO (Suchmaschinenoptimierung), Domain-Management und Web-Hosting.
• Rechtliche Grundlagen und Accessibility: Impressumspflicht und Datenschutz, Grundlagen des inklusiven Webdesigns zur Gewährleistung der Barrierefreiheit.
• Portfolio-Pflege und Workflow
• Strategien zur langfristigen Aktualisierung, Dokumentations-Workflows im Design-Alltag.

Die Vermittlung erfolgt praxisnah und dialogorientiert:

• Impulsreferate und Vorlesungen: Vermittlung von theoretischen Grundlagen zu Web-Design und Strategie.
• Workshop-Phasen: Intensive Einzelarbeit an der eigenen Website unter Anleitung.
• Regelmässiger Austausch und Feedbackrunden in Kleingruppen.
• Präsentationen: Vorstellung von Zwischenständen zur Schärfung der Argumentationsfähigkeit.

keine

Anwesenheitspflicht

erfüllt / nicht erfüllt

Handbücher der Programme. Digitale Kursunterlagen werden zur Verfügung gestellt.