Webdesign + Figma + Wireframe + UX

Diese Weiterbildung vermittelt Kenntnisse im Webdesign, einschließlich der Nutzung von Figma und der Entwicklung von Wireframes. Die Teilnehmenden lernen, digitale Designs zu erstellen und mit verschiedenen Tools und Standards zu arbeiten.

Modul 1: Webdesign: Grundlagen, Tools und Standards
Modul 2: Figma: Digitale Designsysteme und Prototyping-Workflows
Modul 3: Wireframing in der nutzerzentrierten Gestaltung
Modul 4: UX UI Gestaltung für interaktive Systeme

Webdesign: Grundlagen, Tools und Standards
  • Grundlagen im Webdesign: Einführung in UI/UX Design, Responsive Webdesign, Strukturierung und Gestaltung funktionaler Webseiten.
  • Visuelle Gestaltung & Tools: Arbeiten mit Figma, Adobe XD und Sketch zur Erstellung von Wireframes, Prototypen und Interface-Layouts.
  • Frontend & Struktur: Umsetzung von Designs mit HTML, CSS, Flexbox und Grid Design für funktionale und zugängliche Benutzeroberflächen.
  • Barrierefreiheit & Standards: Anwendung von WCAG, Style Guides und Usability-Prinzipien für inklusive, nutzerfreundliche Webangebote.

Figma: Digitale Designsysteme und Prototyping-Workflows
  • Grundlagen der Prototyp-Erstellung mit Figma, Aufbau interaktiver UI-Designs und Wireframing im Webdesign-Kontext.
  • Anwendung von Komponenten, Responsive Design, Grid Design und Style Guides in figma-basierten Projekten.
  • Teamarbeit mit Entwicklern durch Kommentierung, Dokumentation und figma-gestützte Entwicklerübergabe.
  • Erstellung interaktiver Prototypen, Durchführung von Usability-Tests und Ableitung gestalterischer Optimierungen.

Wireframing in der nutzerzentrierten Gestaltung
  • Grundlagen von Wireframes: Einführung in Struktur, Funktion und Einsatz von Wireframes zur Planung digitaler Interfaces und Webseiten.
  • Toolgestützte Entwicklung: Erstellung statischer und interaktiver Wireframes mit Figma, Sketch, Adobe XD und gängiger Prototyping Software.
  • Designprozesse & Usability: Einsatz von Wireframes zur frühen Evaluation von Navigation, Informationsarchitektur und responsivem Webdesign.
  • Standards & Zusammenarbeit: Integration in UI/UX-Workflows, Austausch im Team und Vorbereitung für Designsysteme und Frontend-Entwicklung.

UX UI Gestaltung für interaktive Systeme
  • Interface-Grundlagen: Struktur, Nutzerführung und Interface-Gestaltung für responsive Anwendungen und smartphone apps.
  • Wireframing & Tools: Erstellung von Wireframes und App Wireframes mit figma ui, sketch und wireframe software.
  • UX Methoden: Einsatz von user research, user persona development und customer journey mapping für zielgerichtetes ux design.
  • Framework & Designsysteme: Verwendung von ui framework, style guides und wcag-konformen Elementen für barrierefreie Interfaces.

Am Ende der Weiterbildung beherrschen die Teilnehmenden die Erstellung und Anwendung von digitalen Designs und Wireframes mit Figma. Sie verfügen über Kenntnisse in UX/UI-Methoden und arbeiten mit Tools für barrierefreie, nutzerzentrierte Gestaltung.