Webdesign & Webentwicklung, UX/UI
KI-Appdesign
Gute Interfaces entstehen im Zusammenspiel von Gestaltung, Nutzerverständnis und KI.
Den Auftakt bildet ein Einstieg in KI-gestützte Designprozesse: Sie durchlaufen die fünf Design-Phasen vom Briefing bis zur Präsentation und entwickeln in einer eigenen Case Study ein Szenario mit KI-gestütztem Prompt Engineering.
Diese Case Study vertiefen Sie anschließend nutzerzentriert in Usability und User Experience: Mit Personas, Design Thinking und dem Double Diamond Process entwickeln Sie Wireframes und Low-Fidelity Mockups und richten diese an Barrierefreiheit aus.
Diese Wireframes setzen Sie no-code mit Webflow in eine echte Website um, inklusive responsivem Design, CMS-Integration für dynamische Inhalte und KI-gestützter SEO-Optimierung mit dem AI SEO Assistant.
In Interfacedesign mit Figma I legen Sie die gestalterischen Grundlagen: Sie arbeiten mit Komponenten und Bibliotheken und entwickeln erste Prototypen mit animierten Clickdummies. In Figma II vertiefen Sie Prototyping und Animation: Sie arbeiten mit Auto-Layout und interaktiven Komponenten und setzen KI-gestütztes Prototyping gezielt ein. In Figma III bauen Sie darauf ein eigenes Designsystem auf: Mit Komponenten-Bibliotheken und Design Tokens bereiten Sie Ihre Entwürfe strukturiert für die Übergabe an Entwickler:innen vor.
Zum Abschluss übertragen Sie Ihr Wissen auf KI-gesteuerte Systeme: Sie gestalten Input- und Output-Mechanismen für KI-Anwendungen und setzen dabei auf Human-in-the-Loop-Ansätze und Conversational UI.
Das Paket richtet sich an Gestalter:innen mit Praxiserfahrung, etwa aus Grafik-, Kommunikations- oder Print-Design, ebenso an Quereinsteiger:innen ohne Vorkenntnisse. Dozierende mit aktivem Marktbezug begleiten Sie dabei praxisnah.
Lerninhalte der einzelnen Kurse
Usability & User Experience - Prototyping und Barrierefreiheit
- Usability und User Experience: Der Unterschied
- Design Thinking
- Agile Projektmanagement mit SCRUM
No-Code-Webentwicklung, CMS und Animation mit Webflow mit KI-Tools
- Integration von UX-Design-Prinzipien
- Content Management System (CMS)
- SEO-Optimierung
Interfacedesign mit Figma I: Einführung in UI-Design und Prototyping
- Prototyping Basics (mit Animation von Clickdummies)
- Standards und UI Kits
- KI in FigJam und Figma
UX für KI-gesteuerte Systeme: Artificial Intelligence Experience (AIX)
- KI für Designer:innen
- AIX: Artifical Intelligence User Experience, UX für KI-Tools
- Figma Make und Cursor, Vibe Coding
Lernziel
Zielgruppe
Vorkenntnisse
Förderung
Job & Karriere
CMS, HTML, CSS und JavaScript sollten für Webdesigner:innen & Webproducer:innen keine Fremdwörter sein. Fundierte Kenntnisse in der Adobe Creative Suite, die Fähigkeit, technische Probleme zu identifizieren und Lösungen zu finden sowie eine kreative Ader für innovative Designs und Kommunikationsfähigkeiten, runden das Profil eines Webdesigners ab. Während das Webdesign wesentlich kreativer ist, konzentriert sich die Webentwicklung auf die technische Ebene. Beide Disziplinen greifen Hand in Hand und sind für den Erfolg des Online-Projekts gleichermaßen verantwortlich.
Der Wettbewerb ist groß und auch der technologische Fortschritt tritt nicht auf die Bremse. Jüngsten Statistiken (laut Forbes Advisor) zufolge werden inzwischen mehr als ein Viertel aller Geschäftsvorgänge online abgewickelt. Die Verlagerung auf den Onlinehandel spiegelt die weiter zunehmende Bedeutung des Internets in der heutigen Geschäftswelt und den wachsenden Trend zum elektronischen Handel wider. Die Einfachheit und Bequemlichkeit haben ihn zu einer beliebten Wahl bei den Verbrauchern gemacht, und die Unternehmen nutzen diese Verlagerung, indem sie ihre Online-Präsenz ausbauen.
Eins steht fest: Auch die Künstliche Intelligenz (KI) wird vor dem Webdesign keinen Halt machen. KI übernimmt die Automatisierung von Prozessen und der effizienteren Gestaltung der Umsetzung, so dass der Webdesigner mehr Zeit für den kreativeren Teil hat.
Potenzielle Kund:innen, die ein:e Webdesigner:in bedient, sind neben Organisationen und Unternehmen so gut wie jede Person, die Bedarf für ihren Online- bzw. Webauftritt hat. Das sind beispielsweise: Verbände und Vereine, Staatliche Institutionen, Freiberufler:innen, Betreiber von Online-Shops, Existenzgründer:innen und Start-Ups oder Werbe- und Marketingagenturen.
Ob Studium, Ausbildung, Weiterbildung oder Quereinstieg – die Möglichkeiten Webdesigner:in zu werden und sich beruflich zu orientieren, sind vielfältig. Webdesigner:innen & Webproducer:innen können mit ihrem umfassenden Fachwissen in den unterschiedlichsten Bereichen tätig sein. Werbe-, Medien- und PR-Agenturen, Grafikbüros, Verlage, Film und Fernsehen, Softwarebranche oder in der Spieleentwicklung.
Webdesign ist und wird in Zukunft sehr gefragt sein. Wer mit Technologien arbeitet, darf sich einen Stillstand nicht erlauben. Genauso wie sich der Beruf des Webdesigners seit seiner Entstehung ständig verändert hat, so wird er sich auch in Zukunft immer wieder anpassen müssen.

