sonja vieten

design of interactive and animated media

UPDATE Pengball HTML5 Game
LinkedIn Xing YouTube
Sonja Vieten - digital creative
Digital Creative
Ideen im Wandel

Die Herausforderung im digitalen Design: Sich stetig wandelnde technische Aspekte verstehen, ausschöpfen und kreativ mit einer guten innovativen Gestaltung - im Sinne der Benutzer Freundlichkeit - kombinieren.
greetsome.one animated interactive cartoons
Animation
Design & Animation

Seit 2000 entwickle ich On- und Offline Anwendungen: Messe-Apps, Web-Module, Websites, Präsentationen, Erklärfilme, Trickfilme, Werbebanner, Games uvm.. Bevorzugtes Tool: Animate CC (ehemals Flash Pro). Einige meiner gezeichneten und animierten Cartoons veröffentliche ich auf greetsome.one.
Cologne Photo Gallery
Photo Gallery
interaktive Ausstellung

Handy Schnappschüsse in Köln aufgenommen und in einer interaktiven Ausstellung präsentiert. Per Klick auf die Fotos öffnen diese sich im Fullscreen. Hier nutzte ich das HTML5 Animationsprogramm Edge Animate, das, zugunsten der Weiterentwicklung von Animate CC, in 2015 von Adobe eingestellt wurde.
Garagen Film
Garagen Film
Webdesign

Interaktive multimediale Website, maßgeschneidert nach Vorgabe des Regisseurs. Mit animierten Sequenzen der Illustratorin Ulrike Möltgen.
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".
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.
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. Dies ist ein laufendes Photoshop- und Kreativtraining.
Rectangle HTML5 JavaScript
Rectangle Variations
Animation Art

Generative Art: Ein Quadrat dient als Pinsel für Transformationen. Die algorithmisch erzeugten Zeichnungen basieren auf Code. Hier habe ich JavaScript für die Ausgabe im HTML5 Canvas Element genutzt.
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.

Chrome Experiment
Chrome Experiment
Interactive Art

Mein erster Versuch, eine interaktive Animation im HTML5 Canvas Element mit der Software Processing zu erzeugen. Wurde von Google als Chrome Experiment veröfffentlicht.
Paper.js HTML5 App
Confetti Drawing
Interactive App

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.