Lehrgang
digicode: 9PWEB
Web Design Professional
Kurs-Facts
- Entwickeln eigener Screendesigns in Figma und Aufbereiten für Webprojekte
- Planen benutzerfreundlicher und responsiver Layouts
- Installieren und Konfigurieren von WordPress
- Erstellen und Layouten von Inhalt mit Elementor
- Optimieren deiner Website hinsichtlich Performance, SEO und Barrierefreiheit
- Eigenständiges Betreuen von Kundenprojekten – vom Konzept bis zum Go-live
In diesem praxisorientierten Lehrgang gestaltest und entwickelst du Schritt für Schritt deine eigene Website - vom ersten Designentwurf in Figma bis zur Umsetzung mit WordPress und Elementor. Praxisorientiert erlernst du am eigenen Projekt, wie gutes Screendesign, Benutzererlebnis (UX/UI), responsive Layouts und Content-Management perfekt zusammenspielen.
Nach Abschluss verfügst du über die Fähigkeiten, komplette Webprojekte professionell zu planen, zu gestalten und umzusetzen.
1 UX/UI & Screendesign mit Figma (2 Tage)
- Aktuelle Trends im Webdesign und UX/UI
- Überblick über den gesamten Workflow vom Konzept bis zum Go-live
- Einführung in Figma: Workflow, Komponenten, Prototyping: vom Moodboard über Wireframes zu klickbaren Prototypen
- Gestaltung von responsiven Layouts für Desktop, Tablet und Mobile
- Typografie, Farben, Grid-Systeme und visuelle Hierarchie
- Vorbereitung und Export von Design-Assets
- Microinteractions & Animation im Design
2 Umsetzung mit WordPress & Elementor (3 Tage)
- Grundlagen WordPress: Aufbau, Themes, Plugins, Sicherheit
- Installation & Einrichtung: Lokale Umgebung oder Hosting
- Einführung in Elementor als visuelles Design-Tool für die Umsetzung von Layouts ohne Programmierkenntnisse
- Aufbau von Templates, Header/Footer, Menüs und dynamischen Inhalten
- Parallax- und Video-Hintergründe, Slideshows, Formulare, Marketing Widgets, …
- Praktische Übungen anhand deines eigenen Projekts
- Viele nützliche Tipps aus der Praxis
3 Feinschliff (1 Tag)
- Wichtigste Plugins, Performance, Backups, SEO, …
- Optimierung & Responsive Testing
- Best Practices für UX/UI, Barrierefreiheit, Nutzerfreundlichkeit & SEO
- Tipps zur Portfolio-Erstellung und für den nächsten Karriereschritt
Besteht aus folgenden Modulen
- UX/UI & Screendesign mit Figma
- Umsetzung mit WordPress & Elementor
- Feinschliff
- Learning-by-Doing: Nach Theorie Inputs folgen Live Demos und praktische Übungen, bei denen du an deinem eigenen Website Projekt arbeitest.
- Kleine Gruppen & Coaching: Dank kleiner Gruppen erhältst du persönliche Unterstützung von erfahrenen Coaches und profitierst vom Austausch unter den Teilnehmenden.
- Feedback & Peer Review: In Präsentations und Feedback Runden stellst du deine Entwürfe vor, bekommst konstruktives Peer Feedback und stärkst dein Selbstvertrauen.
- Grafikdesigner/innen, Content Creator und Marketingfachleute, Studierende und Kreative, die selbständig Websites gestalten und umsetzen möchten.
- (Quer)Einsteiger/innen, die praxisnah in modernes Webdesign mit WordPress und Figma einsteigen möchten.
- Selbständige, Freelancer und Agenturen, die ihre Kundenprojekte künftig vollständig intern realisieren wollen.
Grundlegende Computerkenntnisse, Interesse an Webgestaltung
Digicomp-Zertifikat «Web Design Professional»
Bestätigung deiner praktischen Kenntnisse und Projektkompetenz.
Info zur Raumausstattung
Unsere Kurse finden auf Windows- oder Apple-Geräten statt. Auf Wunsch stellen wir dir in Zürich, Bern und Basel gerne einen Apple Computer zur Verfügung. Bitte teile uns dies im Voraus per E-Mail an info@digicomp.ch mit. Du kannst auch deinen eigenen Laptop mitnehmen.
Bei virtueller Teilnahme empfehlen wir die Verwendung eines zusätzlichen Monitors (nicht nur eines Laptops), damit du dem Unterricht vollständig folgen und mitarbeiten kannst.
Adobe CC Software
Die Adobe Creative Cloud Software wird dir während der Kurszeiten zur Verfügung gestellt, sei es vor Ort in unseren Kursräumen oder via Remote Access bei virtueller Teilnahme.
Broschüre Web Publisher
Lade die Broschüre zum Lehrgang Web Publisher als PDF mit allen weiteren Informationen hier herunter.
Figma-Account
Bitte erstelle vor Kursbeginn einen kostenlosen Figma-Account (rechts oben unter "Kostenlos loslegen"), falls du noch keinen hast.