sonja vieten

design of interactive and animated media

UPDATE Pengball HTML5 Game
Animate CC Inhouse Schulung LinkedIn Xing YouTube
Sonja vieten  - digital creative
Digital Creative
Technologie im Wandel

Die Herausforderung im digitalen Design: Sich ständig wandelnde technische und gestalterische Aspekte verstehen, ausschöpfen und kreativ in einer ansprechenden Benutzer Oberfläche kombinieren. Diesem spannenden stetigen Wandel begegne ich seit dem Jahr 2000.
greetsome.one animated interactive cartoons
HTML5 Animation
Animationsdesign

Digitale On- und Offline Animationen vermitteln Informationen anschaulich und einprägsam. Präsentationen, animierte Infografiken, interaktive Web-Module, Erklärfilme, Trickfilme, Werbebanner, Foto Slider und Games sind nur einige Anwendungs Beispiele. Einige meiner selbst gezeichneten und animierten HTML5 Cartoons veröffentliche ich auf greetsome.one. Animation geht oft Hand in Hand mit Interaktion. Mein bevorzugtes Produktions Tool: Animate CC (ehemals Flash Pro)
Interaktive Infografiken
Interaktive Infografik
Design und Entwicklung

Interaktive animierte Infografiken können sowohl online im Web als auch offline, zB. auf Messen als Touch Screen Anwendung, veröffentlicht werden. Komplexe Zusammenhänge werden so unterhaltsam und verständlich vermittelt. Der Nutzer steuert aktiv den Informationsablauf und wird damit der wesentliche Teil der Anwendung. Zum Einsatz kommt eine Kombination aus HTML5, Canvas, CSS und JavaScript, die in jedem Broser dargestellt werden kann.
Einarmiger Bandit Info-Spiel
Einarmiger Bandit
Touchscreen Game

Ein interaktives vertontes Info Game, das sowohl als Touchscreen Messeanwendung und Website Veröffentlichung eingesetzt wird. Mit HTML5 und JavaScript realisierte Anwendungen kann jeder Browser (on- und offline) darstellen. Hier übernahm ich die Animation, Programmierung und die responsive Design Anpassungen. Konzept und Illustration: tigerworx.de.
Garagen Film
Garagen Film
Webdesign

Interaktive multimediale Website, maßgeschneidert nach Vorgabe des Regisseurs. Mit animierten Sequenzen der Illustratorin Ulrike Möltgen. Die Kombination von HTML5, CSS und JavaScript erlaubt die Darstellung in jedem Browser und Gerät.
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. Die Kombination der Websprachen HTML5, CSS und JavaScript erlaubt die Darstellung in jedem Browser und Gerät, ohne weitere notwendige Plugins.
Pengball
Pengball
HTML5 Canvas Game

Interaktives animiertes Spiel auf HTML5 Canvas Basis. Ursprünglich als Flash Game realisiert habe ich es mit Open Source Technologien in aktuelle Standards konvertiert. Das Design und die Bedienung passt sich den jeweiligen Endgeräten und Bildschirmgrößen an.
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.
HTML5 Sketches & Experiments
Animation Sketches
Experiments

Hier stelle ich einige Interaktions- und Animations Experimente aus. Generative Art und algorithmisch erzeugte interaktive Zeichnungen, basierend auf Code: JavaScript, HTML5, CSS, Animations Frameworks.
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.
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.