Kursinhalte

Ziel der Weiterbildung „Browser App Design“ ist es, dir fundiertes, praxisnahes Wissen zur Gestaltung moderner Browseranwendungen 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 Browser-Apps 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 browserbasierte 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.

Du lernst, was moderne Browser 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.

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.

Am letzten Tag geht es um die Qualität deiner App: Du lernst, wie du Browser 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.

Unsere Preise sind Bruttopreise, die MwSt. ist bereits inkludiert.