Webdesign & Webentwicklung, UX/UI
KI-Webdesign & SEO / GEO advanced
Gute digitale Produkte entstehen, wenn Sichtbarkeit, Gestaltung und der Umgang mit KI zusammen gedacht werden.
Den Auftakt bildet Suchmaschinenmarketing: Sie erstellen keyword-optimierte Landingpages, analysieren Wettbewerber:innen und optimieren Rankings mit gezielter Keyword-Recherche. Mit Generative Engine Optimization (GEO) bereiten Sie Inhalte zusätzlich für Antworten von KI-Suchassistenten auf.
Wie diese Landingpages gestaltet werden, vertiefen Sie anschließend in Usability und User Experience: Sie erarbeiten Wireframes und Low-Fidelity Mockups nach den Grundlagen des Prototyping und richten Ihre Konzepte an Barrierefreiheit aus.
In Interfacedesign mit Figma I setzen Sie diese Konzepte werkzeugbasiert um: Sie entwickeln erste interaktive Prototypen mit animierten Clickdummies und nutzen KI-gestützte Funktionen wie Jambot.
In Figma II vertiefen Sie Prototyping und Animation: Mit Auto-Layout und interaktiven Komponenten gestalten Sie Bewegungsabläufe gezielt und setzen KI-gestütztes Prototyping ein.
In Figma III bauen Sie ein eigenes Designsystem auf: Mit Komponenten-Bibliotheken und Design Tokens bereiten Sie Ihre Entwürfe strukturiert für die Übergabe an Entwickler:innen vor und setzen KI bereits gezielt als Co-Pilot im Designprozess ein.
Zum Abschluss vertiefen Sie in UX für KI-gesteuerte Systeme (AIX), wie KI im Designprozess als Sparringspartner statt als Entscheider wirkt, und gestalten eigene KI-gesteuerte Systeme mit durchdachten Input- und Output-Mechanismen, Human-in-the-Loop-Ansätzen und Conversational UI.
Das Paket richtet sich an Gestalter:innen mit Praxiserfahrung aus Grafik-, Kommunikations- oder Print-Design sowie an Quereinsteiger:innen ohne Vorkenntnisse. Dozierende mit aktivem Marktbezug begleiten Sie dabei praxisnah.
Lerninhalte der einzelnen Kurse
Suchmaschinenmarketing (SEO, SEA & GEO) mit KI-Tools
- Google Search Console / Bing Webmaster Tools
- Sistrix - professionelles SEO-Analyse-Tool: Keywords, Sichtbarkeit, URL-Strukturen
- Prompting zum Erstellen von Anzeigen & Meta-Description
Usability & User Experience - Prototyping und Barrierefreiheit
- Usability und User Experience: Der Unterschied
- Design Thinking
- Agile Projektmanagement mit SCRUM
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
Interfacedesign mit Figma II: Prototyping und Animationstechniken für UX/UI
- Smart Layouts / Responsive Design
- Einführung in Bewegung und Animation
- Variablen, KI-gestütztes Prototyping
Interfacedesign mit Figma III: Design-Development Workflow und Design Systeme
- Verständnis der Synergien zwischen Figma und HTML
- Interaktion und Animationen mit Variablen- Einführung in Variablen
- Arbeiten mit Libraries / Design Systeme
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.
