Data Visualization

This visualization shows origin, color, alcohol & bitterness of international beer styles. Finding a matching representation for the topic was the main difficulty in this project. Experimenting for some time with d3.js and different sources of data, we came up with the exhibited print version. Subsequently we began devolping and interactive version, going online October 2015.

Project Owner AgProp Berlin
Client Weldebräu GmbH & Co. KG
Year 2015

The Style Of Beer Poster The Style Of Beer Screen 1 The Style Of Beer Screen 2 The Style Of Beer Screen 3 The Style Of Beer Screen 4 The Style Of Beer Mobile

Data Visualization

The amount of meteor sightings and found meteorites has been rising since the middle of the 20st century. Spectacular events connected to meteorites happen aplenty. The media report – and fiction is inspired. We looked into this and collected stories from movies and books to examine them when juxtaposed with real meteorite discoveries. How directly does reality influence fiction on a cultural level?

Project Supervison Marcus Paeschke, Sebastian Meier

Project Support AgProp Berlin
Project website
Year 2014 – 2015

Meteor Impact Screen Meteor Impact Poster

User Interface Design

The first three images illustrate a prototype of an headphone configurator for transparent displays. The objekt these displays is in the background and is superimposed with a multi-touch display in the front. In this example, users can set up their desired headphones and order it right away. The last four images visualize a concept for a shopping guidance system to be erected in large shopping malls. It supposed to picture the needs of customers and stores alike.

Project Owner AgProp Berlin
Client Open Mode GmbH
Project website
Year 2014

Transparent Display 1 Transparent Display 2 Transparent Display 3 Interactive Wayfinder Display 1 Interactive Wayfinder Display 2 Interactive Wayfinder Display 3 Interactive Wayfinder Display 4

Mobile User Interface Design

This project - "Sensor Based Dynamic Mobile User Interface" - is not a product or an app. It is more a concept that is supposed to simplify and enable a better handling and understanding of the geographic content. In real live, there are different situations to use a smart phone. And each situation has deferent needs in regards to how to display content. In example: When the user stays, the map will show him 3d Buildings, detailed icons and labels for POIs and the exact street numbers. Now, the user starts walking and the map changes automatically to the next zoom level, reduces the complexity of the POIs and street numbers. The user begins to run. The cognitive performance to interpret the map is minimized. The map zoomes automatically in and shows the most important things to navigate within 50 meters. The following Wireframes and the video prototype tries to show how it works.

Project Supervision Prof. Boris Müller, Dorit Mielke, Markus Ort
Client Here Maps
Year 2014

DMUI Wireframe 1 DMUI Wireframe 2

interactive installation

How does a tree feel its environmental influences? Which influences are perceived as positive or negative? Is it possible to measure these influences and interpret them clearly at all?. HTI – human-tree interaction examines the exciting change of perspective between trees and humans. The environmental influences are captured in real time through sensors applied to the tree and directly transmitted to a digital avatar of the tree. Thus the visitor is immersed in the environment of the tree and experiences its urban influences reinterpreted in an artistic exhibit. Accompanying the upcoming book release of the studio Neubau, the interactive exhibit HTI emerged.

Project Supervision Andreas Lutz, Christoph Grünberger
Project Support AgProp Berlin
Client Neubau Berlin
Year 2013

Concept Picture

Generative Art

These portraited images result from a Processing script, which is accessing different assets to generate various pictorial compositions with the assistance of predefined parameters. Parameters influencing the objects are { quantity, X / Y / Z position, size, color, edges, intersection of geometrical objects, transparancy, strength as well as density } The aim was to discover a method to generate visual compositions by click, rather than a finished product. This method is thus supposed to free the creator from learned conventions and to openly experiment.

Project Supervision Prof. Hans Jörg Kotulla

Manufacture AgProp Berlin
Year 2013

Random Drawings 1 Random Drawings 2 Random Drawings 3 Random Drawings 4 Random Drawings 5 Random Drawings 6 Random Drawings 7 Random Drawings 8 Random Drawings 9 Random Drawings 10 Random Drawings 11 Random Drawings 12 Random Drawings 13

Digital Art

More and more the way we communicate and live our daily lives is influenced and led by technology. Again and again we need to learn how to understand and use the new forms of communication, at the same time we have already started to entrust the technical apparatus and technologies behind them to interpret information. What happens when we transfer the crucial part of a communication flow to machines and let them filter and steer it? Sure „someone is getting the donuts“ - but who? „Talking Machines“ takes this issue up and calls for the interpretation of the observer.

Project Supervision Jonas Loh, Steffen Fiedler

Project Support AgProp Berlin
Project website
Year 2012

Talking Machines 1 Talking Machines 2 Talking Machines 3 Talking Machines 4 Talking Machines 5

Motion Graphics

This logo animation is the first attempt to visualize guided movements supported by particle filters. For that matter color and shape respond programmatically to the song right behind the clip.

Project Supervision Prof. Klaus Dufke
Year 2011

Verve Logo Animation Draft 1 Verve Logo Animation Draft 2

Data Visualization

For this acoustic pattern I've been using Processing to show the peaks of the sound volume relative to time, meaning that you only see what you hear > the lower the song’s volume, the darker and smaller the circles or squares. On top of the sound spectrum, the cello is drawn with its four strings, so that you are hypotheticaly able to reenact it. Listed in the grafic { relative timeline, decibels – volume, cello layer and strings, phrasing and rhythm } Used music album "Pranzo Oltranzista - Banquet Music for Quintet" by Mike Patton.

Project Supervision Prof. Boris Müller
Year 2010

Accoustic Pattern Poster 1 Accoustic Pattern Poster 2