Migration Flash -> html5

Die Aufgabe: mehr als ein Dutzend Werbemittel von Flash in html5/Javascript übersetzen. Und bitte nicht die von der einfachen Sorte, nein: Allesamt Skyscraper mit dynamisch angepassten Inhalten und Hintergrund. Teilweise auch mit Video-Player.

Dank einer starken Engine und einem straff organisiertem Workflow ging es in der Tat schneller als erwartet! So soll es sein!

Grafik-Aufbereitung, Entwicklung und Publishing.

Tools: intellij, photoshop
Publishing: Flash-Talking
Technik: html5, javascript, grunt, zepto

Werbemittel-Kampagnen für die Pharma-Branche und Reifen-Hersteller

Im November konnte ich für einen internationalen Pharma-Konzern und einen deutschen Reifenhersteller mehrere Werbemittel-Kampagnen als Lead-Entwickler begleiten!

Mittlerweile sind Desktop-, Mobile Phones- und Tablet-Varianten Standard! Schön!

Grafik-Aufbereitung, Entwicklung und Publishing.

Tools: intellij, photoshop
Publishing: Sizmek
Technik: html5, javascript, zepto

Online Werbemittel: Dynamic Skies & Tablet Interstitials

Weitere html5-Werbemittel für einen Automobil-Konzern mit den diesmalige Aufgaben:
– Dynamische Anpassung der Skyscraper an Bildschirmauflösung und verfügbaren Platz. Gelöst werden konnte dies über eine Mischung aus CSS und javascript.
– Die „Responsive Tablet Interstitials“ unterstützen natürlich Landscape- wie auch Portrait-Orientations und sind sowohl für Retina- als auch für non-Retina-Displays entwickelt worden.

Grafik-Aufbereitung, Entwicklung und Publishing.

Tools: intellij, photoshop
Publishing: Flash-Talking
Technik: html5, javascript, zepto

Workshop-Leitung zum Thema „Workflow“

Im Rahmen mehrerer Workshop-Termine präsentierte ich das Thema
„Allgemeiner Workflow: Von der PSD zur FlashTalking-Zip“.

Über Adobe-Connect konnte ich vor mehr als einem Dutzend Zuhörer Tipps & Tricks bei der Erstellung von HTML-Werbemitteln am Beispiel eines FlashTalking-Banners weitergeben.
Der Grossteil des Vortrags beschäftigte sich mit der „Automatisierung des Workflows“: der Photoshop-Generator, Bild-Optimierung und die Vorteile von Build-Systemen (Grunt.js). Im Speziellen wurde der Aufbau einer FlashTalking-Zip besprochen.

Tools: photoshop, intellij, Grunt.js, tiny.png
Publishing: FlashTalking
Technik: html5, javascript