In dieser Weiterbildung erlernen Sie die Gestaltung moderner Webseiten unter Einsatz von WordPress und Figma. Ein besonderer Fokus liegt auf dem Prototyping, um interaktive und benutzerfreundliche Designs zu entwickeln. Sie erwerben Kenntnisse in der Anwendung von Figma für das Prototyping und die Erstellung responsiver Designs. Zudem lernen Sie, wie Sie mit WordPress funktionale Webseiten erstellen und verwalten. Die Kombination beider Tools ermöglicht es Ihnen, Designentwürfe effizient in funktionierende Webseiten umzusetzen. Durch praktische Übungen und Projektarbeiten wenden Sie das erlernte Wissen direkt an. Sie erstellen eigene Prototypen und setzen diese in WordPress um, wodurch Sie den gesamten Entwicklungsprozess von der Idee bis zur fertigen Webseite durchlaufen. Nach Abschluss der Weiterbildung sind Sie in der Lage, eigenständig ansprechende und funktionale Webseiten zu konzipieren und umzusetzen.

Webdesign Grundlagen und Designprinzipien
  • Kenntnisse im Bereich Prototyping für responsive Webdesign
  • Mobile First Design
  • Typografie und Webfonts mit Fokus auf Prototyping
  • Barrierefreies Webdesign
  • Praktische Anwendungen aus dem Prototyping für Webgrafiken und SVG-Animationen
  • Designsysteme
  • Grundlegendes Layouting mit Bezug zu Prototyping
  • Performance-Optimierung

User Experience (UX) und User Interface (UI) Design
  • Grundlagen von Prototyping in der interaktiven Navigation von UI und UX
  • Benutzerfreundlichkeit und Usability-Tests
  • Testing und Feedback mit Integration von Prototyping-Methoden
  • Wireframing und Prototyping für Apps
  • Einsatz von UI/UX mit Schwerpunkt auf Prototyping
  • Teilen von Prototypen und Erhalten von Feedback

WordPress und Content-Management
  • Erstellen von WordPress-Projekten auf Basis von Prototyping
  • Einstellungen für das Schreiben von Beiträgen
  • Konfigurieren von Startseite, Blogseite und Newsfeed mit Bezug zu Prototyping
  • Anpassen des Backends
  • Benutzerverwaltung: Rechtemanagement mit Fokus auf Prototyping
  • Verfassen und Bearbeiten von Seiten und Beiträgen
  • Der Gutenberg-Editor in der Anwendung von Prototyping
  • Erstellung von Blogs und OnePagern

WordPress Erweitertes Design und Customizing
  • Themes und deren Entwicklung im Kontext von Prototyping
  • Plugins
  • Hinzufügen von Blöcken und Gestalten von Inhalten unter Einsatz von Prototyping-Techniken
  • Medienblöcke: Video, Bild und Audio
  • Widgets mit Anwendungsfällen aus dem Prototyping
  • Anpassen des Designs
  • E-Commerce mit WooCommerce und Ansätzen aus dem Prototyping

SEO und Website-Optimierung
  • SEO-Grundlagen unter Berücksichtigung von Prototyping
  • Einführung in SEO und Ziele von SEO
  • Optimierung von Webseitenstruktur und Ladezeiten auf Basis von Prototyping
  • Onpage-Optimierungen
  • Offpage-Optimierungen unter Einbeziehung von Prototyping-Aspekten
  • Tracking und Monitoring

Rechtliche Grundlagen und Projektpräsentation
  • Urheberrecht und gesetzliche Informationspflicht mit Fokus auf Prototyping
  • Integration von Social-Media-Elementen
  • Präsentation von Webdesign Projekten unter Anwendung von Prototyping
  • Export und Entwickler-Zusammenarbeit