Konzept & Illustration
Zu jeder Rabattaktion wurde zunächst ein passendes visuelles Thema erarbeitet. Ein Beispiel ist die herbstliche Bannerwelt, die in warmen Naturtönen gehalten ist und Herbstlaub sowie eine kleine, schwebende Fee zeigt, die mit ihrem Zauberstab den Rabattpreis „herbeizaubert“. Diese Art von charmanten, figurativen Elementen zieht sich durch alle Bannervarianten und verleiht jeder Aktion eine positive, leicht verspielte Note.
Die Rabattaktionen wurden unabhängig voneinander und über das ganze Jahr verteilt ausgespielt. Wir legten großen Wert darauf, dass jede Kampagne ihre eigene Stimmung transportiert, aber trotzdem klar als Teil des visuellen Kosmos des Goethe-Instituts erkennbar bleibt. Für jede Aktion entstanden deshalb individuelle Figuren, Natur- oder Themenwelten – mal sommerlich verspielt, mal herbstlich gemütlich. Farbwahl, Grundstil der Figuren, Typografie und Layoutprinzipien blieben jedoch konstant. So ist eine vielseitige Bannerwelt entstanden, die trotz saisonaler Variation einheitlich wirkt und das Markenbild stärkt.
Vektorisierung
Um verschiedene Konzepte, Figuren und Kompositionen zu testen, erarbeiteten wir für jede Aktion mehrere grobe Entwürfe.
Nach der Auswahl der finalen Motive erfolgte die sorgfältige Ausarbeitung und anschließende Vektorisierung. Dadurch konnten wir die Illustrationen flexibel an verschiedene Bannerformate anpassen. Die Vektorillustrationen gewährleisten zudem eine gestochen scharfe Darstellung auf allen Endgeräten und ermöglichen einen reibungslosen Animations-Workflow.
Animation in Adobe Animate
Ein wesentlicher Bestandteil der Banner sind die Animationen, die wir konsequent mit Adobe Animate erstellen. Unser Anspruch war klar: Die Bewegung sollte Aufmerksamkeit erzeugen, aber niemals aufdringlich wirken. Deshalb haben wir uns bei jeder Animation für eine subtile Gestaltung entschieden: kleine, lebendige Bewegungen, die den Charakter der Idee unterstreichen.
Technisch war es uns wichtig, dass die Banner trotz Animation schnell laden und stabil laufen. Um dies zu gewährleisten, haben wir optimierte Vektorgrafiken, reduzierte Keyframes und eine klare Layerstruktur verwendet, denn im Display-Advertising ist die Performance entscheidend. So erzeugten wir Animationen, die sowohl für hochauflösende Displays als auch für mobile Geräte bestens geeignet sind.
