Lernprozess und Ablauf

Durchdachte Schritte zu praktischen UI/UX-Kompetenzen

Start ins Webdesign

Grundlagen in Usability und Gestaltung verständlich vermittelt.

1

Moderne Tools erkunden

Praktische Einführung in Wireframing und Prototyping.

2

Responsive Layouts umsetzen

Anpassungsfähige Designs für verschiedene Geräte entwickeln.

3

Eigenes Projekt realisieren

Kreativität und eigenständige Anwendung stärken.

4

Der Weg zum Erfolg

Von Grundkenntnissen bis zum Portfolio

1

Fundierte Grundlagen verstehen

2

Tools und Methoden ausprobieren

3

Responsives Design umsetzen

4

Abschlussprojekt gestalten

Ihr Kursleitfaden

1

Fundierte Grundlagen verstehen

Erlernen Sie essenzielle UX/UI-Basics, um zielsicher in die Projektarbeit einzusteigen.

Erlernen Sie essenzielle UX/UI-Basics, um zielsicher in die Projektarbeit einzusteigen.

Impulse zu Farbwahl, Typografie und Navigation.

Praxis steht von Beginn an im Fokus.

  • Einführung ins moderne UI/UX
  • Struktur, Farben, Schriftarten
2

Tools und Methoden ausprobieren

Lernen Sie verschiedene Wireframe- und Prototyping-Technologien kennen.

Lernen Sie verschiedene Wireframe- und Prototyping-Technologien kennen.

Live-Präsentationen und Mini-Tasks sorgen für Abwechslung.

Jede:r kann eigene Fragen einbringen.

  • Tool-Auswahl und Anwendung
  • Teamarbeit und Support
3

Responsives Design umsetzen

Passen Sie Layouts für Desktop und Mobile userzentriert an.

Passen Sie Layouts für Desktop und Mobile userzentriert an.

Medienqueries und Frameworks nutzen.

Ihre Lösungen werden gemeinsam reflektiert.

  • Layouts für verschiedene Geräte
  • Test und Auswertung
4

Abschlussprojekt gestalten

Wenden Sie Ihr Wissen am eigenen Beispielprojekt an und stellen Sie es vor.

Wenden Sie Ihr Wissen am eigenen Beispielprojekt an und stellen Sie es vor.

Feedbackrunden runden den Prozess ab.

Sie präsentieren Ihre Arbeit im Team.

  • Präsentation finaler Prototyp
  • Feedback und Austausch

Kursstruktur und Schwerpunkte

Praxisorientierte Grundlagen

In den ersten Wochen konzentrieren wir uns auf solide Designgrundlagen, Usability-Aspekte und die Einführung in moderne UI/UX-Prinzipien. Konkrete Beispiele ermöglichen einen leichten Einstieg ins Thema.

Wireframes und Prototyping

Wir zeigen bewährte Tools und Techniken, sodass Sie eigene Entwürfe und Abläufe digital visualisieren können. Interaktive Übungen unterstützen Ihren individuellen Lernprozess.

Team beim Layout-Design

Adaptives Layout entwickeln

Sie trainieren, wie Sie responsive Oberflächen für Desktop und Mobil gezielt planen und umsetzen. Medienqueries sowie aktuelle Frameworks werden dabei praxisnah eingesetzt.

Kursleiter erklärt Wireframes

Abschlussprojekt & Portfolio

Sie setzen ein eigenes Projekt von der Skizze bis zur Präsentation um. Ihre Ergebnisse können Sie in Ihrem persönlichen Portfolio nutzen und bei Bewerbungen präsentieren.