Sommersemester 2025

Organisatorisches

Inhalte aus der ersten Stunde

Your Host

Simona Ascher

Designerin und Entwicklerin mit Fokus auf ganzheitliche Markengestaltung und zielgruppenorientiertes Auftreten. Schwerpunkte: Branding, Webentwicklung, Online Marketing

Ausbildung

HTL1 für Grafik- und Kommunikationsdesign
Meisterschule Kommunikationsdesign
KWM Bachelor (Abschlussjahrgang 2023)

Berufliche Beschäftigungen

Seit 2022 selbstständig als Designerin und Webentwicklerin
Gründerin von balldesign.at
Webdesignerin bei seoCon
Trainerin für Entrepreneurship
Trainerin am WIFI OÖ für Online Marketing

Kurz gesagt: ich bin

Designerin

Was machen wir?

Kurz gesagt: Eine Webseite für ein freies Thema aber mit einer bestimmten Zielgruppe im Hinterkopf.

Design mit Figma

Inhaltsstruktur, Designsystem, Ästhetisches Design, Trends, Usability, Barrierefreiheit, Responsive Design

Entwicklung mit WordPress

WordPress-Standardfunktionen, Themes, Plugins, Page Builder, Styling mit CSS, Dynamic Content mit ACF und PHP

Reflexion

Zusammenspiel zwischen Design und Entwicklung erkennen, aus Fehlern lernen und beim nächsten Mal besser machen

Vorstellrunde

Wer seid ihr?

Name
vergangenes / geplantes Praktikum
Warum dieses Wahlfach?
Thema für die Webseite?

Zeitplan

Letzte
Organisatorische
Punkte

Benotung
Figma Account
FH Server / eigene Domain
WP Installation
Feedback & Evaluation

Los geht’s mit Webdesign

Allgemeines zum Wahlfach

In diesem Wahlfach sollen fortgeschrittene Konzepte zur Gestaltung eines Webdesigns, sowie die nötigen Kenntnisse zur anschließenden praktischen Umsetzung mit WordPress vermittelt werden. Kurz gesagt: Wie gestalte ich ein Screendesign so, dass ich es selbst später schön und sauber umsetzen kann?

Von jeder teilnehmenden Person wird ein Screendesign zu einem freigestellten Thema gestaltet (z.B. Portfolio-Webseite oder auch Webseite für ein anderes Projekt) das anschließend mittels verschiedener Technologien in WordPress (unter anderem Themes, Page-Builder, Plugins und CSS) entwickelt werden soll.

Das Fach richtet sich an Studierende mit Interesse an Webdesign und Frontend-Entwicklung, die ihre Fähigkeiten im Webdesign sowie der technischen Umsetzung vertiefen möchten und die neue Tools wie Figma und WordPress kennenlernen wollen.

Ziele

Nach erfolgreichem Abschluss der Lehrveranstaltung

  • verstehen die Studierenden, wie Screendesigns für Webseiten benutzerfreundlich und nach aktuellen Design-Standards gestaltet werden.
  • können die Studierenden Screendesigns erstellen, die wichtige Konzepte wie Usability, Barrierefreiheit oder die Anpassbarkeit auf mobile Endgeräte berücksichtigen.
  • sind die Studierenden in der Lage, ein spezielles Screendesign mit WordPress und wahlweise einem Pagebuilder oder einem eigens entwickeltem Theme exakt umzusetzen.
  • kennen die Studierenden die Herausforderungen bei der Übersetzung eines Designs in eine funktionale Webseite und können ihre Learnings für zukünftige Projekte anwenden.

Leistungsbeurteilung

Es gilt Anwesenheitspflicht bei den geblockten Präsenz-Einheiten. Die individuelle Leistungsbeurteilung erfolgt auf Basis folgender Kriterien:

1. Screendesign (45%)

Bewertung des Screendesigns nach Kriterien wie den Design-Prinzipien, der Einhaltung eines einheitlichen Designkonzepts, Ästhetik, Benutzerfreundlichkeit und Barrierefreiheit

2. Umsetzung in WordPress (45%)

Bewertung der Umsetzung nach Kriterien wie der Genauigkeit der Umsetzung des Designs, der Funktionalität und technischen Sauberkeit, Benutzerfreundlichkeit und Barrierefreiheit

3. Abschlusspräsentation (10%)

Präsentation des Designs und der Umsetzung und Reflexion der eigenen Learnings

Nach oben scrollen