design and development of interactive and animated media


2D Animation

Digitale Illustration und interaktive Animation (HTML5 fähig): 2D Animationen für die Wiedergabe im Web oder in digitalen Medien eignen sich zB. für Erklärfilme, Präsentationen, Spiele, Werbebanner, interaktive Ausstellungen, Filme, animierte Cartoons, eCards und eLearning Module.

Adobe Animate CC

Adobe Animate CC

Das Programm für Web Animation bietet Multi Plattform Export ua. für HTML5, Video, SVG, EXE, APP, Flash. Script Sprachen sind AS3/JS.

Cartoon Animation Good Luck

Good Luck

Mikrokosmos! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

Cartoon Animation Birds up there

Up there

Play the birds! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

Cartoon Animation Xmas

Santa's Express

Merry Christmas! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

cartoon animation snowman

Snowman

Schneemann Besuch! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

cartoon animation snail mail

Snail Mail

Schneckenpost! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

Cartoon Animation Xmas

Xmas Elks

Happy Xmas! Animierter Cartoon mit Sound: Idee, Illustration, Animation, Programmierung.

Flash Animationen Archiv

Once Upon a Time...

Zum Flash Archiv: Interaktive Cartoons und experimentelle Animationen [Flash Plugin erforderlich]


Webdesign

Online Projekte benötigen eine regelmäßige Anpassung an neue technische Standards und Möglichkeiten: Ein nutzerfreundliches Design, das auf alle Endgeräte flexibel reagiert, wirkt sich als erfreuliches Besucher Erlebnis mittlerweile auch positiv in den Suchergebnissen aus.

responsive Webdesign

Augenprothetik

Webdesign: Responsive Webdesign ist seit 2015 wesentlicher Rankingfaktor in der mobilen Suche.

Nutzerfreundliches Design für alle Endgeräte bzw. Bildschirmgrößen.
Position in Suchergebnissen.
responsive Webdesign

InPart Institut

Webdesign mit Bootstrap: Nutzerfreundliches Design für alle Endgeräte und Bildschirmgrößen.

Bootstrap ist ein HTML5 Framework für die Entwicklung responsiver und mobil freundlicher Webprojekte.
Garagen Film interaktive Website

Garagen Film

Webdesign: Interaktive multimediale Website, für die plattformübergreifende Wiedergabe technisch modernisiert.

Wordpress Template Design

Dully & Dax

Webdesign mit WordPress. Umsetzung, Template- und Web Design.

WordPress ist ein datenbankbasiertes kostenfreies Content Management System für Blogs und Websites.


Interactive & Design

Hier einige experimentelle Arbeiten aus dem Bereich Digital und Interactive Design. Diese Projekte dienen als Kreativtraining und der Erforschung neuer Möglichkeiten.

Montage

Artworks completed

Kreativtraining. "One Eye sees and the other feels". Tools: Adobe Photoshop, Adobe Spark.

Photo Gallery Cologne

Photo Gallery

Handy Schnappschüsse, in einer interaktiven Ausstellung.

Google Chrome Experiment

Chrome Experiment

Mein erster Versuch, interaktive Animation im HTML5 Canvas Element mit Processing zu erzeugen. Google Chrome Experiment.

One rectangle Animation

Rectangle Art

Ein Quadrat als Pinsel für verschiedene Transformationen. JavaScript Coding für die Ausgabe in HTML5 Canvas.

Confetti Drawing Tool

Confetti Drawing

Male interaktive leuchtende Konfettibilder! Tool: HTML5 Canvas Framework PaperJS.

Interactive Particle Effect

Interactive Particles

Interaktive Partikel, die auf Mausbewegung reagieren. JavaScript, HTML5 Canvas.

Sound Visualisation

Sound Visualisation

3D Vector Graphics Sound Visualisation [Flash Plugin]. Generative Art.

Java Script Tree

Growing Tree

Ein per JavaScript auf HTML5 Canvas gezeichneter und animierter Baum.



Profil

Seit 2000 Realisation digitaler Projekte an der Schnittstelle zwischen Code und Design

Individuelle und maßgeschneiderte Maßnahmen, Trainings und Beratungen

Responsive Design // Mobil freundliche Websites

Design, Illustration, 2D Animation

Implementation Multimedia Module

Suchmaschinen Optimierung

Schulungen: Webdesign // Erstellen von HTML5 fähigen Animationen

Kontaktieren Sie mich unverbindlich für ein kostenloses Erstgespräch.

Profil

digital creative

Gerne übernehme ich die Optimierung von Web Projekten. Ein ansprechendes Design, angepasst an aktuelle technische Standards, ist das Fundament der Benutzerfreundlichkeit. Mein Steckenpferd ist die Erstellung interaktiver Animation.