Kurs
digicode: GOWEB
Professionelle HTML5-Banner für Google Ads & andere Werbenetzwerke
Kurs-Facts
Als PDF herunterladen- Professionelles Konzipieren und Designen von HTML5-Werbebannern
- Gezieltes Einsetzen der Stärken von Google Web Designer und Adobe Animate (das umfangreiche Animieren mit Adobe Animate lernst du im Kurs «Adobe Animate CC – Basic»)
- Technisch korrektes Umsetzen der Anforderungen an Banner für Google Ads und andere Werbenetzwerke
- Erstellen intelligenter Animationen (Multi-Language, Multi-Produkt, Multi-Format) sowie Einbauen interaktiver Elemente
- Optimieren von Dateigrössen, Performance und technischen Anforderungen (z. B. ClickTag)
- Selbstständiges Entwickeln und Veröffentlichen eigener Bannerkampagnen
Display Advertising gehört nach wie vor zu den wichtigsten Instrumenten im Online-Marketing. Doch wirkungsvolle Werbebanner müssen heute nicht nur gut aussehen, sondern auch technisch korrekt und performant sein. Sind sie zudem auch responsiv und von den Inhalten her einfach wartbar, steigert sich die Effizienz in der Bewirtschaftung von Multi-Format, -Language und -Produkt-Kampagnen.
In diesem praxisorientierten Kurs lernst du, professionelle HTML5-Werbebanner für Google Ads und andere Werbenetzwerke selbst zu konzipieren, zu gestalten und zu animieren. Du entwickelst eigene Bannerformate, setzt intelligente Konzepte um und lernst die wichtigsten Anforderungen an die Endprodukte moderner Display-Kampagnen kennen.
Dabei arbeitest du mit Google Web Designer und Animate CC und erhältst einen fundierten Überblick über aktuelle Best Practices für Gestaltung, Design, Animation, Dateigrössen, Bannerformate und Werbewirkung.
Am Ende des Kurses verfügst du über das Wissen, um eigene HTML5-Banner professionell zu erstellen und für den produktiven Einsatz vorzubereiten. Der Kurs fokussiert dabei die technische Erstellung von Bannern. Wer den kreativen Einsatz von Adobe Animate vertiefen möchte, kann das im Kurs «Adobe Animate CC – Basic» tun.
Der Kurs besteht aus folgenden Inhalten:
1 Grundlagen moderner Display-Werbung
- Einsatzmöglichkeiten von HTML5-Werbebannern
- Grundlegender Aufbau von HTML5-Werbebanner (von Text über Bild zu Animation und Video)
- Bannerformate und aktuelle Standards
- Erfolgsfaktoren für aufmerksamkeitsstarke Werbemittel - das AIDA-Prinzip
2 Gestaltung wirkungsvoller Werbebanner
- Aufbau und Struktur von Display Ads
- Call-to-Actions und Werbewirkung
- Gestaltungs-Ideen für das Konzipieren verschiedener Bannergrössen
3 HTML5-Banner mit Google Web Designer
- Benutzeroberfläche und Workflow
- Arbeiten mit Assets (Bilder, Grafiken, Texte & Videos)
- Animationen mit Keyframes und Timeline
- CTA-Ereignisse (richtiges Verlinken)
- Export und Veröffentlichung von HTML5-Anzeigen
Google Web Designer wurde speziell für die Erstellung von HTML5-Anzeigen entwickelt und unterstützt Animationen, Interaktivität sowie den Export für Werbenetzwerke.
4 Animierte Werbebanner mit Adobe Animate
- Einführung in Adobe Animate für Werbemittel
- Arbeiten mit Assets (Bilder, Grafiken und Texte)
- Animationen mit Symbolen, Ebenen und Keyframes
- Animationstechniken für effizientes Arbeiten
- Export von HTML5-Bannern für Werbeplattformen
- Anpassen der Ergebnisse bzw. Arbeiten mit Templates
Adobe Animate ermöglicht die Erstellung anspruchsvoller HTML5-Canvas-Animationen und wird häufig für interaktive Werbemittel eingesetzt.
5 Technische Optimierung & Aufbereitung
- Dateigrössen und Ladezeiten optimieren
- Banner im Browser testen
- Technische Anforderungen von Werbenetzwerken verstehen und einbauen
- Best Practices für Performance und Qualität
6 Praxisprojekt
- Entwicklung einer eigenen Bannerkampagne
- Umsetzung mehrerer Bannerformate
- Animation, Testing und Optimierung
- Export und Bereitstellung für den produktiven Einsatz
- Praxisorientierter Unterricht mit zahlreichen Live-Demonstrationen und Übungen
- Schritt-für-Schritt-Anleitungen für die Gestaltung, Animation und technische Umsetzung von HTML5-Werbebannern
- Arbeiten an realistischen Praxisbeispielen und eigenen Bannerprojekten
- Individuelles Coaching und Erfahrungsaustausch innerhalb der Gruppe
- Best Practices aus der täglichen Arbeit mit Google Web Designer, Adobe Animate und Werbenetzwerken
- Tipps und Tricks für effiziente Workflows sowie die professionelle Vorbereitung von Bannerkampagnen
- Marketing- und Kommunikationsfachleute
- Digital-Marketing-Manager/innen
- Content Creator
- Grafikdesigner/innen
- Webdesigner/innen
- Mitarbeitende aus Agenturen
- Selbstständige und KMU, die Werbemittel selbst erstellen möchten
- Gute Anwenderkenntnisse von Windows oder macOS
- Grundkenntnisse in Grafikdesign oder digitaler Gestaltung sind von Vorteil, aber nicht zwingend erforderlich
- Grundkenntnisse Internet, Browser, etc sind von Vorteil aber nicht zwingend nötig
- Erste Erfahrungen mit Adobe-Anwendungen (z. B. Photoshop, Illustrator oder Animate wie z. B. im Kurs «Adobe Animate CC – Basic» vermittelt) erleichtern den Einstieg
- Programmierkenntnisse sind nicht erforderlich
- Grundlegendes Verständnis von Online-Marketing oder digitaler Werbung ist hilfreich
Info zur Raumausstattung
Unsere Kurse finden normalerweise auf Windows-Geräten statt. Auf Wunsch stellen wir dir in Zürich, Bern und Basel jedoch sehr gerne einen Apple Computer zur Verfügung. Bitte teile uns dies im Voraus per E-Mail an info@digicomp.ch mit.
Selbstverständlich kannst du 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 und Google WebDesigner
Die Adobe Creative Cloud Software wird dir vor Ort in den Kursräumen während des Kurses uneingeschränkt zur Verfügung gestellt.
Bei einer virtuellen Teilnahme kannst du auf deinem eigenen Gerät arbeiten. Den Google WebDesigner kannst du gratis hier herunterladen. Bitte gib uns Bescheid, falls du über keine eigene «Adobe Creative Cloud»-Lizenz verfügst. Gerne stellen wir dir in diesem Fall die Software via Remote Access für die Dauer des Kurses zur Verfügung.
Die Remote-Umgebung wird auf einem Windows-Gerät eingerichtet sein, ein Apple-Gerät ist hier nicht wählbar. Eine Benutzung dieser Umgebung über die Kurszeit hinaus ist leider nicht möglich.