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

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

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

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