UX-Design, Prototyping

Vom UX-Design bis hin zum Prototyping: seit Beginn des Jahres beschäftigen mich vermehrt Flows, Prozesse, Usability, Patterns, Components, Elements, Styleguides und vieles mehr! Die Verschmelzung von Design und Technologie wird (wieder) ein extrem wichtiger Teil der Arbeit in den modernen Medien. Schön – genau mein Ding!

Tools: photoshop & Co, intellij
Technik: html5, css, angularjs2, typescript, javascript

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

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

IFA2015: Dynamische html5-Werbemittel

Täglich bis zu 12 verschiedene Werbemittel. Bitte in Rekordzeit.
Dank dynamischer html-Werbemittel-Templates konnten über Konfigurations-Einstellungen schnell Ergebnisse mit individuellen Bildern, Galerien und Texten geliefert werden.

Gestaltung, Animations-Design, Content-Pflege, Entwicklung und Publishing.

Tools: intellij, photoshop, premiere
Publishing: Sizmek
Technik: html5, javascript, jquery