Dein Kurs
Web App & SaaS Design Weiterbildung.
Lerne in unserem Browser App Design Kurs wie man SaaS Tools bzw. Browser Apps als Digital Product Designer gestaltet. Wir durchlaufen im Kurs alle Designphasen: Von der Idee bis zur finalen Umsetzung des Designs und Prototyps.
Kursinhalte
Übersicht aller Inhalte.
Keyfacts
✔ Dauer: 3 Tage / 09.00 – 17.00 Uhr
✔ Teilnehmer:innen: max. 12
✔ Trainer: Experte aus der freien Wirtschaft
✔ Standorte:
Hamburg, Frankfurt, München, Stuttgart oder remote (Live Online)
✔ Kurssprache: Deutsch
✔ Abschluss: "Web App & SaaS Designer"
Dein Trainer
Luigi Bucchino, M.A.
Head Trainer Web App & SaaS Design
Tech Tools
Für wen eignet sich die Weiterbildung Web App & SaaS Design?
Ziel der Weiterbildung „Web App & SaaS Design“ ist es, dir fundiertes, praxisnahes Wissen zur Gestaltung moderner Web-Applikationen zu vermitteln. Ob als Grafikdesigner:in mit dem Ziel, stärker im digitalen Bereich zu arbeiten, als UX/UI-Designer:in mit Fokus auf Web Apps und SaaS-Produkte, als Frontend Developer oder Product Owner – du lernst in dieser Weiterbildung, wie du leistungsfähige, nutzerzentrierte Apps für den Browser konzipierst, gestaltest und begleitest.
Der Fokus liegt auf responsivem UI-Design, State-of-the-Art UX-Methoden und browserbasierten Technologien. Du arbeitest mit modernen Tools, Best Practices und Prinzipien, die sich in der Praxis bewährt haben – und gewinnst Einblicke in Arbeitsweisen bekannter Vordenker der Branche (z. B. Brad Frost, Vitaly Friedman, Luke Wroblewski). KI-gestützte Prozesse, Atomic Design, Design Systems und Prototyping mit Code sind ebenso Thema wie Accessibility, Interaktionsdesign und komponentenbasiertes Arbeiten.
Begleitet von einer durchgängigen Gruppenaufgabe entwickelst du gemeinsam mit einer/m Partner:in eine Web App-Idee – von der ersten Konzeptskizze bis zur klickbaren Präsentation. Ziel ist es, dich optimal auf die praktische Arbeit im Team mit Entwicklern und Stakeholdern vorzubereiten.
Grundlagen des Web App & SaaS Designs & nutzerzentrierte Konzeption
Du lernst, was moderne Web Apps auszeichnet und wie sie sich von klassischen Webseiten unterscheiden. Der Fokus liegt auf Nutzerzentrierung: Mit Personas, User Stories und Nutzungsszenarien entwickelst du ein erstes App-Konzept. Du analysierst bestehende Web Apps, erkennst UX-Stärken und -Schwächen und startest gemeinsam mit deiner Zweiergruppe die Kursaufgabe – von Zielgruppe über Use Case bis zur ersten Skizze.
Designsysteme, Interaktionen und Prototyping
Du vertiefst dein Wissen über UI-Design mit Komponenten und Designsystemen wie Material oder Tailwind. Interaktive Zustände und Microinteractions stehen ebenso im Fokus wie konsistente Gestaltung auf Basis von Atomic Design. Am Nachmittag setzt du mit Figma oder Framer einen klickbaren Mid-Fidelity-Prototyp deines App-Features um – zentraler Bestandteil eures Projektkonzepts.
Accessibility, Testing und Präsentation
Am letzten Tag geht es um die Qualität deiner App: Du lernst, wie du Web Apps barrierefrei gestaltest (z. B. nach WCAG) und mit einfachen Usability-Tests optimierst. KI-gestützte Tools helfen dir bei der Analyse. Nach dem Feinschliff präsentierst du gemeinsam mit deinem Team eure App-Idee und den Prototyp vor der Gruppe – inklusive Feedback und Ausblick auf nächste Schritte.
Testimonials
Unsere Teilnehmenden-Stimmen sprechen für sich
★★★★★
Ich hatte mich im Vorfeld schon sehr auf den „KI-gestütztes UX/UI Design“-Kurs gefreut und meine Erwartungen wurden übertroffen. Dieser Kurs beinhaltete genau die Themen (und noch viele weitere spannende Inhalte), zu denen ich mehr lernen, wissen und ausprobieren wollte. Theorie und Praxis haben sich perfekt ergänzt und wurden von Luigi super vermittelt.
Ich konnte so viele neue KI-Tools testen, mein Prompting verbessern und lernen, wie ich meinen UX-Prozess mit Hilfe von KI verbessere.
100%ige Weiterempfehlung! 🙂
DANKE!
Es waren drei super spannende Tage und ein guter Mix aus Theorie und Praxis. Ein Kurs der einem Hürden und Ängste nimmt und KI in all seinen Formen spielerisch näher bringt. Großer Daumen nach oben und jedem Designer/ Entwickler zu empfehlen! 🙂
Ich habe drei volle Tage online an der Weiterbildung KI-gestütztes UX/UI Design teilgenommen. Diese ist super, um aktuellen Input zum Thema zu erhalten, den Umgang mit KI Tools zu lernen und diese auszuprobieren. Die Mischung zwischen Theorie- und Praxisanteil ist sehr gelungen. Ich bin keine Designerin und auch keine typische UXlerin, sondern Konzepterin und Product Owner, die viel mit Agenturen und Entwicklern zusammenarbeitet und konnte trotzdem Einiges für mich und meine Arbeit mitnehmen.
Diese Unternehmen bilden ihre Mitarbeiter mit uns weiter und stellen unsere Lernenden ein
Warum Web App & SaaS Design bei der UIX Academy?
Wir sind ein Weiterbildungsanbieter aus Pforzheim, der dreitägige Weiterbildungen im UX/UI Design für Designer:innen, Frontend Developer und Product Owner anbietet – live online, in Präsenz oder inhouse.
3 Tage
9-17 Uhr, aufeinander aufbauend
ca. 390 Min.
Lernzeit pro Tag
1 Aufgabe
durchgehend im Zweierteam
max. 12
Teilnehmende pro Kurs
Der Stand von heute, nicht der von vor drei Jahren
Wir sind bewusst kein AZAV-Träger. Zulassungsverfahren binden Curricula über Jahre, aber Guidelines, Tools und Rechtsrahmen im UX/UI Design ändern sich schneller. Deshalb trägt jedes Curriculum sein Datum.
Du gehst mit einer Arbeitsprobe nach Hause
Drei Tage, eine Kursaufgabe: Im Zweierteam bringt ihr ein Projekt vom Problem bis zur Präsentation. Am Ende hast du etwas, das du im Bewerbungsgespräch oder im eigenen Team zeigen kannst. Das Abschlusszertifikat selbstverständlich auch.
Theorie, die du nachschlagen kannst
Jede Methode im Kurs geht auf eine benannte Quelle zurück: Fachliteratur, Normen, Studien. Was du lernst, kannst du im Team begründen, weil du weißt, woher es kommt.
Zwölf Plätze und ein Trainer, der selbst Produkte gestaltet
Höchstens zwölf Teilnehmende aus Design, Entwicklung und Product Management, gemischt wie in einem echten Produktteam. Du arbeitest im Team und bekommst nach jedem Praxisblock Feedback von unserem Trainer aus der freien Wirtschaft.
Eure Firmenschulung, an eurem eigenen Produkt?
Ihr möchtet unabhängig von den offenen Trainings individuelle Inhouse-Termine mit uns vereinbaren, online oder direkt bei Euch vor Ort? Auch kein Problem – auf Wunsch passen wir die Inhalte unserer Kurse an die Anforderungen Eures Teams an.
Kursanmeldung
Die nächsten Termine
Web App & SaaS Design Kurs.
By the way: Auch Remote-Teilnehmer:innen können unsere Trainings besuchen. Wir bieten unsere Kurse in Präsenz und ebenfalls Live Online an!
Unsere Preise sind Nettopreise, die MwSt. wird bei Bezahlung noch hinzu addiert.
Live Online
16. - 18. Nov. '26
Standard Tarif
1.520,00 €
ZZGL. 19% MWST.
Live Online
25. - 27. Jan. '27
Standard Tarif
1.520,00 €
ZZGL. 19% MWST.
Live Online
22. - 24. Mär. '27
Early Bird Tarif
Bis 22. Dez. '26
1.340,00 €
ZZGL. 19% MWST.
1.520,00 €
Live Online
17. - 19. Mai '27
Early Bird Tarif
Bis 17. Feb. '27
1.340,00 €
ZZGL. 19% MWST.
1.520,00 €
Live Online
12. - 14. Jul. '27
Early Bird Tarif
Bis 12. Apr. '27
1.340,00 €
ZZGL. 19% MWST.
1.520,00 €
Curriculum
Das lernst du in unserem Web App & SaaS Design Kurs
Tag 1
Einführung & Zieldefinition
Einführung in Web App & SaaS Design & Unterschiede zu anderen Formaten, sowie die Zielsetzung der Weiterbildung
Themengebiete
- Was ist eine Web App?
- Single Page Apps vs. Websites
- Anforderungen an Desktop-UI
Nutzerzentrierung & UX-Grundlagen
Methoden der nutzerzentrierten Konzeption
Themengebiete
- Personas
- User Stories
- User Journeys
- Jobs-to-be-Done
Marktanalyse & App-Typologien
Vergleich bestehender Browser Apps
Themengebiete
- Analyse von SaaS-Apps
- UI/UX-Vergleiche
- Heuristische Evaluation
Kursaufgabe Kickoff
Start der Gruppenaufgabe
Themengebiete
- App-Idee entwickeln
- Zielgruppe und Nutzen formulieren
- Kick-off der Gruppenarbeit
Tag 2
Designsysteme & Komponenten
Einführung in Designsysteme und komponentenbasiertes Denken für skalierbare UI
Themengebiete
- Atomic Design
- Komponenten-Hierarchie
- Tokens
- Material Design
- Tailwind UI
- IBM Carbon
Interaktionsdesign & States
Gestaltung von Zuständen und Nutzerinteraktionen
Themengebiete
- Hover/Focus/Disabled/Error-Zustände
- Microinteractions
- visuelles Feedback
- UX Patterns
Prototyping & Tools
Einsatz moderner Tools zur Umsetzung von Interaktionen und Workflows
Themengebiete
- Figma
- Framer
- Penpot
- Wireframes
- Mid-Fidelity
- Klickdummies
- Prototyp-Funktionalität
Feature-Prototyp
Praktische Umsetzung eines zentralen App-Features als klickbarer Prototyp
Themengebiete
- Aufbau eines Kernfeatures
- Navigation
- Komponentenlogik
- Testing durch andere Gruppen
Tag 3
Accessibility & Inclusive Design
Gestaltung barrierefreier Web & SaaS Apps für alle Nutzergruppen
Themengebiete
- WCAG-Richtlinien
- semantisches HTML
- ARIA-Rollen
- Tastaturbedienbarkeit
- Kontraste
Usability Testing & KI-gestützte Evaluation
Einführung in praxisnahes Testen und Einsatz von KI zur Unterstützung
Themengebiete
- Think-Aloud-Tests
- Rapid Prototyping
- GPT-gestützte Analyse
- Notion
- Maze
- Hotjar
- KI-Feedback
Feinschliff
Letzter Feinschliff am App-Konzept und an der Präsentation
Themengebiete
- Abschlussprototyp
- UI-Storyboard
- visuelle Kommunikation
- Vorbereitung auf Präsentation
Abschlusspräsentation
Vorstellung der Gruppenprojekte vor der Gruppe mit anschließender Feedbackrunde
Themengebiete
- Präsentation der App-Idee
- UX-Konzept
- Klick-Prototyp
- Peer-Feedback
- Reflexion
FAQ
Gute Fragen, bessere Antworten.
Noch Fragen rund um Weiterbildung, Kosten oder Finanzierung? Stöbere hier durch die Infos oder schreib uns direkt an.
Welche Vorkenntnisse benötige ich für den Web App & SaaS Design Kurs?
Du brauchst vor allem Interesse an digitalem Produktdesign und die Bereitschaft, im Kurs aktiv an einer eigenen Web App-Idee zu arbeiten. Unsere Weiterbildung richtet sich an Grafikdesigner:innen mit digitalem Fokus, UX/UI-Designer:innen (Web-Apps/SaaS), Frontend Developer und Product Owner – und ist so aufgebaut, dass wir dich Schritt für Schritt durch alle Designphasen führen, von der Idee bis zum klickbaren Prototyp.
Was sind die wichtigsten Inhalte der Web App & SaaS Weiterbildung?
Wir durchlaufen mit dir den kompletten Workflow für moderne Web Apps: Grundlagen und Unterschiede (z. B. Single Page Apps vs. Websites, Anforderungen an Desktop-UI), nutzerzentrierte Konzeption (Personas, User Stories, User Journeys, Jobs-to-be-Done), Analyse bestehender SaaS-Apps inkl. heuristischer Evaluation, sowie die Umsetzung im UI mit Designsystemen und komponentenbasiertem Denken (Atomic Design, Tokens, Material Design, Tailwind UI, IBM Carbon). Dazu kommen Interaktionsdesign und States (Hover/Focus/Disabled/Error, Microinteractions, visuelles Feedback, UX-Patterns), Prototyping (Wireframes bis Mid-Fidelity, klickbare Prototypen) und am Ende Accessibility (WCAG, semantisches HTML, ARIA, Tastaturbedienbarkeit, Kontraste) sowie Usability-Testing (Think-Aloud, Rapid Prototyping, KI-gestützte Evaluation).
Wie hilft der Kurs bei der Gestaltung von SaaS-Tools?
SaaS-Tools sind oft komplexe, zustandsgetriebene Desktop-UIs – genau darauf ist der Kurs ausgerichtet. Wir analysieren typische SaaS-Apps und vergleichen UX/UI-Ansätze, leiten daraus Best Practices ab und setzen dann ein zentrales Feature als klickbaren Prototyp um. Dabei lernst du, wie du mit Designsystemen und Komponentenlogik skalierbar arbeitest, Navigation und Informationsstruktur für Web-Apps sauber aufbaust und Interaktionszustände so gestaltest, dass sich ein SaaS-Tool effizient, klar und verlässlich anfühlt.
Welche Tools lerne ich in der Web App & SaaS Design Weiterbildung kennen?
Wir arbeiten mit Miro, Whimsical, Figma und Google Drive. Im Prototyping-Teil nutzen wir zusätzlich Tools wie Framer und Penpot. Für Testing und Evaluation lernst du außerdem praxisnahe Tools kennen (u. a. Notion, Maze, Hotjar) und wie KI dich bei Analyse und Feedback unterstützen kann (z. B. ChatGPT-gestützte Analyse).
Wie fördert der Kurs mein Verständnis für Nutzerzentrierung im Design speziell für Webanwendungen?
Nutzerzentrierung ist bei uns kein Theorieblock, sondern der rote Faden der gesamten Kursaufgabe: Du entwickelst mit Personas, User Stories und Nutzungsszenarien ein tragfähiges App-Konzept, überprüfst Annahmen über Analysen und heuristische Evaluationen und optimierst anschließend iterativ über Testing (z. B. Think-Aloud) und Feedback aus anderen Gruppen. Ergänzt wird das durch Accessibility-Know-how (WCAG und Inclusive Design), damit deine SaaS App nicht nur gut aussieht, sondern auch nachweislich nutzbar, verständlich und zugänglich ist.
