Web Animationen done right: Aktivierende Inhalte und Storytelling – ein Überblick
Von Jonas Unser Workshop zum Thema »Interaktive Web Animationen« bietet eine Kombination aus Präsentation und Hands-On Übungen um das gesamte Spektrum moderner Web-Animationen kennenzulernen.
Kurzbeschreibung
Digitale Inhalte machen dann richtig Spaß, wenn sie »engaging« sind. Das bedeutet visuelles Storytelling angereichert mit Interaktivität, Animation, Multimedia, Gamification, etc. Das Spektrum reicht hier von Mini Games, Header Animationen, visuellen Erklärvideos, begehbaren Infografiken, Konfiguratoren und Scrollytelling bis zu erlebbaren Produktwelten. So werden Inhalte für den User erlebbar. Das steigert sowohl die Identifikation als auch die Conversion.
Doch wo setzt man an? Was muss man wissen, um solche Inhalte planen, produzieren und zielführend einsetzen zu können? Welches Tool hilft mir bei welchem Anwendungsfall wirklich weiter und welche Technologie ist auf lange Sicht die Richtige? Wer das Thema in der nötigen Tiefe und leicht verständlich näher gebracht bekommen möchte, ist hier genau richtig.
Dieser Workshop bietet mit einer Kombination aus Präsentation und Hands-On Übungen eine fundierte Standortbestimmung, um das gesamte Spektrum von interaktiven Web Animationen kennen und einschätzen zu lernen und an konkreten Beispielen Stärken und Schwächen der einzelnen Tools und Technologien nachvollziehen zu können. Nach dem Prinzip “Think inside the box” werden die passenden Schritte lokalisiert, um bestehende Kompetenzen nachhaltig und ressourcenschonend auf das nächste Level zu bringen.
Nach diesem Tages-Workshop haben Sie ein solides Verständnis für die Grundlagen, Anforderungen und den Status Quo im Bereich interaktiver Web Animationen, können alle relevanten Tools samt Möglichkeiten und Fallstricken sicher einschätzen und kennen die richtigen Strategien für den sinnvollen Einsatz von “engaging content”.
Agenda
Status Quo und Grundlagen interaktive Web Animationen
- Einsatz und Wirkung von Animation und Interaktivität
- Animations Techniken
- Technologien verstehen (von DOM bis WebGL)
- Grundlagen und Konzepte für Interaktivität
Right Tools for the Job
- Status Quo Autorenwerkzeuge
- Einblicke in Adobe Animate CC
- Einblicke in Tumult Hype
- Einblicke in Google Web Designer
- Einblicke in GSAP (Greensock Animation Library)
Workflows
- Asset Aufbereitung und Asset Pipelines
- Publishing und Integrationsmöglichkeiten
Probleme und Herausforderungen
- Responsivität
- Performance
- HTML5 Banner
- User Experience und Usability
Beispiele, Best Practices, Ausblick
Voraussetzungen & Zielgruppe
Dieses Seminar richtet sich an Entscheider, Marketer und Designer, die einen fundierten Einstieg in das Thema interaktive Web Animationen und »engaging content« bekommen wollen.
Ein eigenes Notebook mit installiertem Google Chrome-Browser sowie Adobe Animate CC und Google Web Designer (Testversionen ausreichend) sind notwendig um die Übungen dieses Workshop live mitmachen zu können. Ein Code Editor der Wahl ist empfehlenswert. Wenn Sie ein Mac Notebook zur Verfügung haben, bietet es sich an zusätzlich Tumult Hype zu installieren. Für Windows steht Hype leider nicht zur Verfügung. Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.
Veranstaltungsort & Verpflegung
[info_location_weiberwirtschaft_berlin]
[info_catering]
Dozent: Daniel Connerth (Trendspurt)
[info_daniel_connerth]
Geschrieben von Jonas
Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.