In dieser Weiterbildung erlernen Sie die Gestaltung und Entwicklung moderner Webseiten mit WordPress und vertiefen Ihre Kenntnisse in der Mediengestaltung. Sie werden in die Lage versetzt, benutzerfreundliche und ansprechende Webdesigns zu erstellen und diese mit interaktiven Prototypen zu ergänzen. Sie erwerben fundierte Fähigkeiten im Umgang mit WordPress, einschließlich Installation, Konfiguration und Anpassung von Themes. Zudem lernen Sie, Inhalte zu verwalten und grundlegende Plugins zu nutzen. Im Bereich der Mediengestaltung setzen Sie sich mit den Prinzipien des User Interface (UI) und User Experience (UX) Designs auseinander. Sie entwickeln Kompetenzen im Prototyping, insbesondere mit Figma, um interaktive Entwürfe zu erstellen und zu testen. Darüber hinaus erhalten Sie eine Einführung in das agile Projektmanagement mit Scrum, um Designprozesse effizient zu steuern. Die Weiterbildung kombiniert theoretische Inhalte mit praktischen Übungen. Durch die Anwendung von Prototyping-Techniken in Figma und die Umsetzung von Projekten in WordPress festigen Sie Ihr Wissen und sammeln wertvolle Praxiserfahrung. Nach Abschluss sind Sie in der Lage, eigenständig Webseiten zu konzipieren, zu gestalten und zu realisieren. Die erworbenen Fähigkeiten im Prototyping und agilen Projektmanagement ermöglichen es Ihnen, flexibel auf Anforderungen im Webdesign und der Mediengestaltung zu reagieren.

Webdesign Grundlagen
  • Qualifikationsprojekt mit Fokus auf Prototyping
  • Responsive Webdesign
  • Mobile First Design mit Kenntnissen im Bereich Prototyping
  • Barrierefreies Webdesign
  • Präsentation von Webdesign Projekten unter Berücksichtigung von Prototyping

UI/UX Design
  • UI und UX: interaktive Navigation mit Anwendungen aus dem Prototyping
  • Benutzerfreundlichkeit und Usability-Tests
  • Designsysteme mit Fokus auf Prototyping
  • Einsatz von UI/UX

SEO und Content-Strategie
  • SEO-Grundlagen im Kontext von Prototyping
  • Suchmaschinen-Relevanz und Wettbewerbsanalyse
  • Content-Planung und Content-Formate mit Einbezug von Prototyping
  • Websiteoptimierung und Content-Distribution
  • Content für die Kundenakquise und das Remarketing mit Techniken aus dem Prototyping

Social Media Integration
  • Integration von Social-Media-Elementen unterstützt durch Prototyping
  • Social-Media-Einbindung

Datenbanken und Content Management
  • Datenbanken und Inspiration mit Einsatz von Prototyping
  • Konfigurieren von Startseite, Blogseite und Newsfeed

Grafikdesign und Mediengestaltung
  • Typografie im Zusammenhang mit Prototyping
  • Farben und Effekte
  • Retusche: Farbkorrekturen, Ausbessern, Objektverschiebung und Himmeltausch unter Einbindung von Prototyping
  • Layout
  • Bildverarbeitung und Prototyping-Techniken

Figma Anwendung
  • Praxis: interaktive Slides mit Prototyping-Methoden
  • Praxis: interaktives Formular

Vektorgrafik und Illustration
  • Vektorgrafiken: freie Pfade und geometrische Formen als Teil von Prototyping-Prozessen
  • Pfade und Objekte: Import von Bilddateien und Erstellung von QR-Codes
  • Texte in Illustrator kombiniert mit Prototyping-Anwendungen
  • Formen und Transformationen
  • Farben und Verläufe
  • Effekte in Verbindung mit Prototyping

Animation und Interaktivität
  • Muster und Raster unter Berücksichtigung von Prototyping
  • Interaktive Animationen

WordPress Erweitert
  • Plugins im Kontext von Prototyping
  • Themes
  • Verfassen und Bearbeiten von Seiten und Beiträgen mit Prototyping-Ansätzen
  • Der Gutenberg-Editor
  • Hinzufügen von Blöcken und Gestalten von Inhalten auf Basis von Prototyping

Scrum Framework
  • Einführung in Scrum aus der Perspektive von Prototyping
  • Scrum Master
  • Scrum Team mit Anwendungen aus dem Prototyping
  • Product Owner
  • Agiles vs. traditionelles Projektmanagement mit Blick auf Prototyping
  • Definition of Done
  • Agile Perspektive hinsichtlich Prototyping
  • User Stories

WordPress und E-Commerce
  • E-Commerce mit WooCommerce unter Berücksichtigung von Prototyping
  • Anpassen des Backends
  • Benutzerverwaltung: Rechtemanagement und Prototyping-Elemente
  • Anpassen des Designs