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

Side-Project: Neue Preview-Website für Werbemittel-Kampagnen

Bei grossen Kampagnen bedarf es einer übersichtlichen und informativen Website, auf der der Kunde (vor allem natürlich aber auch der Endkunde) die Werbemittel begutachten und abnehmen kann.
Da bietet sich natürlich angular.js an und das Ergebnis kann sich sehen lassen! Eine kleine aber feine SPA, gestützt durch die json-Daten, die mir bereits bei jeder Werbemittelkampagne als Grundlage für alle grunt- oder sonstigen Build-Prozesse als Basis dienen!

Das erleichtert die Arbeit an so vielen Stellen, dass sich die investierte Zeit schon ab dem ersten Projekt gelohnt hat!

Tools: intellij
Publishing: Flash-Talking
Technik: html5, angular.js, javascript

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

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

html5-Werbemittelkampagne: Autos!

Lead-Entwicklung einer Werbemittel-Kampagne für einen grossen Automobil-Konzern. Die erste richtig grosse Kampagne, in der ausschliesslich auf html5 gesetzt wurde. Trotz allem kommen Animation, Video und Spezial-Formate nicht zu kurz, wenn es um Autos geht.
Umsetzung der kompletten Kampagne samt Mobile-Ads.

Gestaltung, Animations-Design, Video-Bearbeitung, Entwicklung und Publishing.

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