Wild Type – Interactive Web Logograms

Wild Typography – Interactive Web Logograms

The course Wild Type – Typography Ex Natura was given as an elective in my first semester of M.Sc. Human-Computer Interaction. The course, offered by Media Art and Design, gave insights into the construction of fonts outside of just graphics, svg and ttf editors. Abstract representations, generative and programmable fonts were among the topics discussed and explored. Processing was used to complete most of the assignments during the semester.

For the final assignment we were allowed to each individually create a language or font system. I created the logogram system “Geks”, which was a continuation of one of the earlier Wild Type projects. The interactive webpage can be found here with more details in the menu:

http://markeisenberg.org/WildType/index.html

NOTE: As of writing, this site does not work fully in Firefox, as it uses a drag and drop function not supported by Firefox.

Wild Type – Geks

The Investigators Project

The Investigators Project

This project was part of my M.Sc in Human-Computer Interaction and took place between April – September 2016. The project was worked on by more than 15 people, 10 of which were students from Computer Science and Media Architecture. Two workshops were completed with the artist Krzysztof Wodiczko in preparation for the final event. The project was included as part of the Kunstfest Weimar event.

One of my main responsibilities in the project was managing and reconfiguring the WordPress website and writing content. Most of the processes and events have already been documented on the website which cn be found at:

https://www.uni-weimar.de/projekte/die-ermittler

Explanation of the installation

Work Experience – Hungry Bungry Promotional Video 2

Work Experience – Hungry Bungry Promotional Video 2

This video showcased how the business owner could benefit from using Hungry Bungry. The video was fully edited using Final Cut Pro X, but was not posted online because the website shown during the video was still being worked on. An animation at the beginning was made using Adobe After Effects. Icons were made in Adobe Illustrator

Animation sample image

Animation sample

 

 

 

 

 

 

 

 

 

 

video sample image

Video sample

 

 

 

 

 

 

 

 

 

 

icon video image

Use of icons in the video