Webdesigner:in

Du lernst die Designdisziplinen UX, UI und Webdesign kennen, steigst in Figma ein und entdeckst, wie KI deinen Designprozess bereichert. Die Grundlagen für Gestaltung, Farbe, Typografie und Ikonographie bilden das visuelle Fundament für alles, was folgt.

Du verstehst, warum Responsive Design heute unverzichtbar ist, und lernst, Inhalte für Mobile, Tablet und Desktop zu konzipieren. Mit Gridsystemen und Auto Layout in Figma setzt du Layouts um, die sich auf jedem Bildschirm sauber verhalten.

Du lernst bewährte Muster kennen, die gute digitale Produkte auszeichnen – von Navigation über Usability-Patterns bis hin zu Komponenten wie Buttons, Input Fields und Formularen. Du baust diese Komponenten eigenständig in Figma nach.

Du entwickelst ein Gespür dafür, wie digitale Produkte gedacht werden – von der User Persona über User Flows und Informationsarchitektur bis hin zu Low- und High-Fidelity-Wireframes. Konzeption wird zur Grundlage für jede Designentscheidung.

Du lernst, klickbare Prototypen in Figma zu erstellen und Interaktionen wie Trigger, Overlays, Scroll und Micro Interactions einzusetzen. So kannst du Nutzererlebnisse simulieren und testbar machen, bevor ein einziger Code-String geschrieben wird.

Du lernst, was Webdesign bedeutet, welche Arten von Websites es gibt und wie ein professioneller Designprozess aussieht. Typografie, Navigation und die wichtigsten KI-Tools wie Figma, Relume, Spline, Lottie Creator und ChatGPT werden dir vorgestellt.

Du erstellst professionelle Bild- und Videomaterialien mit Figma Weave, animierst SVGs in Lottie Creator und baust interaktive 2D- und 3D-Objekte mit Spline. Diese Assets bilden die visuelle Grundlage für ausdrucksstarke Websites.

Du entwickelst eine Website-Strategie, führst Keyword Research mit ChatGPT und Semrush durch und erstellst KI-gestützte Sitemaps und Wireframes mit Relume. Copywriting und Content-Strategie helfen dir, Inhalte überzeugend und SEO-gerecht zu strukturieren.

Du lernst die Grundlagen guter Web-Layouts kennen und setzt sie mit Relume und Figma um – KI-gestützt und explorativ. Design Tokens, Osmo-Bibliothek und der Development Hand-Off runden den Prozess von der ersten Idee bis zur Übergabe an die Entwicklung ab.

Du lernst Webflow von Grund auf kennen: Dashboard, Designer und die technischen Grundlagen HTML, CSS, Flexbox und Variablen. Parallel steigst du in Spline, Osmo Supply, Relume und Lottie Creator ein und verstehst, wie professionelles No-Code-Development abläuft.

Du baust Navigation, Hover States, Grids, Backgrounds und komplexe Design-Details direkt in Webflow. Mit Praxisbeispielen wie Hero Sections, Slidern und Formularen sowie KI-Funktionen wie Webflow App Gen lernst du, professionelle Websites effizient umzusetzen.

Du richtest ein vollständiges Webflow-Projekt ein: Fonts, Variablen, Styleguide Page, Assets und Relume-Import. Im Layout-Schritt bringst du Design-Feinschliff und externe Assets zusammen und baust auf Basis realer Use Cases zwei vollständige Webflow-Projekte auf.

Du lernst, Webflow-Projekte durch Variablen, Components, CMS und externe Libraries skalierbar zu gestalten. Von Button-Variants über CMS-Collections bis zu Page Templates und der Osmo Vault baust du Strukturen, die mit deinem Projekt mitwachsen.

Du optimierst deine Website für Geschwindigkeit, SEO, AEO, Barrierefreiheit und Tracking. Von Lazy Loading und strukturierten Daten über Alt-Texte mit KI bis zu Split Tests mit Webflow Optimize lernst du, Websites messbar und nachhaltig besser zu machen.