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

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-Werbemittel: Workshops & Workflow!

Das nächste Messer im den Rücken des längst überholten Flash-Plugins führt zu weiteren Recherchen, Vorbereitungen, Workshops und Template-Erstellungen zum Thema „html5-Werbemittel“.

Flash wird in der Werbebranche vom „First Choice“-Thron gestossen und nun gilt es, einen ordentlichen Workflow für die Produktion von html-Werbemitteln zu entwickeln!

Dank Tools wie dem Photoshop-Generator, Build-Systemen wie grunt & Co. kann hier glücklicherweise vieles automatisiert werden!

Tools: photoshop, intellij
Technik: html, javascript, jquery, grunt

Flash, Html, Video: Diverse Werbemittel-Kampagnen

Beschreibung: Mitarbeit an diversen Banner-Kampagnen in Zusammenarbeit mit der Agentur „Leo Burnett GmbH“.
Umsetzung diverser Master-Bannern samt Abformaten für zahlreiche Firmen. Darunter Elektronik-Hersteller, Fast-Food-Ketten, Pharma-Unternehmen und Reifen-Hersteller. Entwickelt werden sowohl flash- als auch html5- und Video-Ads bis hin zu Youtube-Mastheads.

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

Tools: flash cc, photoshop, illustrator
Publishing: Sizmek, DoubleClick, Flash-Talking
Technik: html, javascript, as3

Android: Neuentwicklung der WebGate-App

Seit 2012 konnte die App, die damals auf android 2.3 zielte, nicht mehr weiterentwickelt werden.
Endlich konnte damit begonnen werden, die App auf den neuesten Stand der technischen Möglichkeiten zu bringen und das Design sowie die UI an die aktuellen Richtlinien (Material Design) anzupassen. Schön!

Tools: intellij idea, photoshop
Technik: java, sql, rss