sonja vieten

design of interactive and animated media

LinkedIn Xing YouTube
Sonja Vieten - digital creative
digital creative
Ideen im Wandel

Die Herausforderungen im digitalen Bereich sind hoch und stetig im Wandel. Gute Gestaltung alleine reicht nicht - denn die Technik dahinter bedeutet Begrenzung und Möglichkeit zugleich. Ich versuche alle technischen Aspekte zu verstehen, auszuschöpfen und kreativ mit einer guten Gestaltung zu kombinieren.

greetsome.one animated interactive cartoons
Animation
interaktive Web Animation

Animate CC war vor 2015 unter dem Namen Flash Professional bekannt. Seit 1998 arbeite ich mit diesem Tool und habe damit Messe-Apps, Web-Module, interaktive Websites, Präsentationen, Erklärfilme, Trickfilme, Werbebanner, Games uvm. umgesetzt. Das Programm für die Entwicklung und Veröffentlichung von Web Animationen bietet Plattform Export für alle Plattformen, Endgeräte und Formate. Script Sprachen ermöglichen darüber hinaus die Erzeugung von Interaktivität in den Animationen. Eigene damit erstellte Cartoons veröffentliche ich auf greetsome.one.

Artworks completed - Photoshop
Artworks completed
Kreativtraining

Adolphe Bouguereau's poses reinterpreted. Die Collagen entstehen auf Basis eines Werks von A.Bouguereau, in dem mit etwas Fantasie noch etwas "fehlen" könnte. Dieses fehlende Element ergänze ich mit Photoshop. Dies ist ein laufendes Photoshop- und Kreativtraining.

Cologne Photo Gallery
Photo Gallery
interaktive Ausstellung

Handy Schnappschüsse in Köln aufgenommen und in einer interaktiven Ausstellung präsentiert. Hier nutzte ich das HTML5 Animationsprogramm Edge Animate, dessen Weiterentwicklung 2015 von Adobe eingestellt wurde.

Inpart Insti tut
InPart Institut
Webdesign

Webdesign mit Bootstrap. Das Design passt sich allen Endgeräten und Bildschirmgrößen an.


Augenprothetik Köln
Augenprothetik Köln
Webdesign

Responsive Design ist seit 2015 ein wesentlicher Rankingfaktor in der mobilen Suche. Websites müssen sich im Layout flexibel verhalten und auf alle möglichen Bildschirmgrößen "reagieren".

Garagen Film
Garagen Film
Webdesign

Interaktive multimediale Website, maßgeschneidert nach Vorgabe des Regisseurs. Mit animierten Sequenzen der Illustratorin Ulrike Möltgen.

Dully Dax
Dully & Dax
Webdesign

Webdesign mit WordPress. Umsetzung des Webdesigns nach der Grafik Design Vorlage der Kinderbuchautoren und Implementation in das WordPress Template CMS-System.

Rectangle HTML5 JavaScript
Rectangle Art
HTML5 Animation

Generative Art: Ein Quadrat dient als eine Art Pinsel für verschiedene Transformationen. Die algorithmischen Zeichnungen basieren auf Programmiercode. Hier habe ich JavaScript für die Ausgabe im HTML5 Canvas Element genutzt.
Chrome Experiment
Chrome Experiment
HTML5 Animation

Mein erster Versuch, interaktive Animation im HTML5 Canvas Element mit der Software Processing zu erzeugen. Wurde von Google als Chrome Experiment veröfffentlicht.
Sound Visualisation
Sound Visualisation
3D Generative Art

Sound Visualisation von 2010 [Flash Plugin erforderlich].
Generative Art, auf Programmiercode basierend. Algorithmische 3D-Zeichnungen passen sich selbständig einem Sound an und visualisieren ihn damit.
Paper.js HTML5 App
Confetti Drawing
HTML5 Animation

Male interaktive leuchtende Konfettibilder! Tool: Das HTML5 Canvas Framework Paper.js, das für Designer entwickelt wurde. Frameworks haben ihre eigene Anwendungssprache und reduzieren den Entwicklungsaufwand.