-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.min.html
15 lines (15 loc) · 26 KB
/
index.min.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"><meta name="keywords" content="portfolio, art, design, contemporary, post-internet"><meta name="author" content="Matthias Pitscher"><!-- facbeook stuff--><meta property="og:url" content="https://xn--mp8h.pitscher.net"><meta property="og:image" content="https://xn--mp8h.pitscher.net/images/preview.png"><meta property="og:type" content="website"><meta property="og:title" content="&#128065;"><meta property="og:description" content="H&#128065;, m&#128065; name is Pitscher. "><title>Pitscher</title><link rel="shortcut icon" href="favicon.ico"><link rel="stylesheet" type="text/css" href="css/normalize.css"><link rel="stylesheet" type="text/css" href="css/swiper.min.css"><link rel="stylesheet" type="text/css" href="fonts/font.css"><link rel="stylesheet" type="text/css" href="css/style.css"><script defer src="js/swiper.js"></script><script defer src="js/swiper-script.js"></script><script defer src="js/eye.js"></script><script defer src="js/toggle.js"></script></head><body><img id="follower" src="assets/cursor/svg/mouse-drag.svg"><button id="toggle-info" onclick="toggleInfo()"> info </button><div class="swiper-container-vertical"><div class="swiper-wrapper"><div class="swiper-slide" data-hash="👁"><div class="inner-slide-center"><div class="title column"><h1>H👁, <br>m👁 name is pitscher.
<br>👁 am an artist and des👁gner working with technology in d👁verse ways.
<br>Here is m👁 <a target="_blank" href="mailto:[email protected]">contact</a> — Let's create something n👁ce together! </h1><small>typeface by <a target="_blank" href="https://eriksachse.com/">Erik Sachse</a></small><img src="images/keys.svg" width="100" style="position: absolute;bottom: 140px"><small style="position: absolute;bottom: 100px; text-align: center;">scroll to 👁 some <br> print & web projects</small></div></div></div><div class="swiper-slide" data-hash="lostcloud"><div class="inner-slide"><div class="description"><h1>Lost in a garden of clouds</h1><h4>05 2020</h4><p>As the artist duo <a target="_blank" href="https://saibao-yangmu.online/">Sai Bao & Yang Mu</a> we were invited to create the online <a target="_blank" href="https://cloud.radical-openness.org/lost.html">exhibition</a> for the festival »Art Meets Radical Openness 2020« in Linz. Early on we decided to create a text adventure, where the visitor walks in circles exploring multiple dimensions of interacting with the artworks. I used a custom shader to render the clouds live. Everything is hand coded using iframes as the core mechanism. <br> Font in use: Fancycube. A remake of <a target="_blank" href="https://en.wikipedia.org/wiki/Bill_Atkinson">Bill Atkinson</a>'s Venice.</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/lost/lost-1.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><video autoplay muted loop><source src="images/lost/lostgarden.m4v" type="video/mp4"></video></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/lost/lost-2.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/lost/lost-3.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/lost/lost-4.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/lost/lost-5.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/lost/lost-6.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/lost/amro_club.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="cocolands"><div class="inner-slide"><div class="description"><h1>coco lands</h1><h4>03 2020</h4><p>With a group of international artists we initiated coco lands to start a collaborative diary during the coronavirus pandemic. With Juan Pablo we created a <a target="_blank" href="https://cocolands.xyz/">website</a> to collect our creative outputs. The page is running on tumblr with a custom template, utilizing threejs for 3D rendering.
<br>Font in use: Tomorrow</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/coco/coco_gif/ani_coco_30.gif"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/coco/coco_web_2.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/coco/coco_web_3.png"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="cybersquat"><div class="inner-slide"><div class="description"><h1>Cybersquat</h1><h4>02 2020</h4><p>For <a target="_blank" href="https://squatted.online">squatted.online</a> I was living in a small Kiosk in Basel. While I was living inside, people could watch me working through screens from the street and through a livestream online. I collected my stories in a little diary and created a messy installation with the leftovers.</p><p>Journal: Edition of 30</p><p><a target="_blank" href="https://squatted.online/squat/main_entrance/staircase/floor_2/bedroom_1/drawer/index.html">website</a></p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/squat/kiosk.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/squat/inside.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/squat/exhibition.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/squat/website.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/squat/diary/ani_diary_30.gif"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="shared-habitats-linz"><div class="inner-slide"><div class="description"><h1>Shared Habitats</h1><h4>08 2019</h4><p>As part of the Ars Electronica festival, the Bauhaus Uni organized another Shared Habitats exhibition. I worked with Ursula Damm, Theresa Schubert and Mindaugas Gapševičius on the visual identity. A generative, organic looking, blob was used as the main icon on the <a target="_blank" href="http://shared-habitats.eu/">website</a>, a poster, booklets & stickers.
<br>Fonts in use: Neue Machina, IBM Plex Mono</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_poster.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_web-1-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_web-2.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_web-3-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_flyer1.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_flyer2.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_flyer3.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_flyer4.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_2/shared_habitats_flyer5.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="infields"><div class="inner-slide"><div class="description"><h1>infields</h1><h4>07 2019</h4><p>infields connects field recordings of a rumanian cell tower site with a printed publication. The site is located close to Făgăraș and consists of 4 towers sending radio and cellular signals. To connect to the soundfiles you need to scan the QR codes in the book.</p><p>The project was published as part of the <a target="_blank" href="https://m.facebook.com/soundslikeabook/">sounds like a book</a> residency and the book was produced by Graphomat.</p><p>Size: 25cm by 50cm <br> Edition of 5</p><p>images by Eliot & revista22 </p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_DH5.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/revista22.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page1.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page2.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page3.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page4.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page5.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page6.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page7.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page8.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page9.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/infields/infields_long_tall-1-page10.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="meanwhile-in-china"><div class="inner-slide"><div class="description"><h1>Meanwhile in China</h1><h4>04 & 10 2019</h4><p>As part of the artist collective »Sai Bao & Yang Mu« we created two installations that deal with the fact that the app Tik Tok is called Douyin in mainland china and only features chinese content.</p><p>The first version was exhibited at the Xie Zilong Photography Museum in Changsha featuring a 7 channel <a target="_blank" href="https://vimeo.com/335020808">video</a> installation with animated graphics.</p><p>The second was exhibited at Ars Electronica with a 6x3m wallpaper and a single channel video.</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/china/changsha_2.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/china/changsha_3.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/china/ars_3.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/china/ars_1.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/china/ars_2.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="btbb"><div class="inner-slide"><div class="description"><h1>Born to be Bauhaus</h1><h4>2018-2023</h4><p>Together with <a target="_blank" href="http://adrianpalko.com/">Adrian Palko</a> we created the identity for the annual art prize <a target="_blank" href="https://www.uni-weimar.de/born-to-be-bauhaus/">Born to be Bauhaus</a>. Each year is represented by a bright neon color. Posters are printed in offset with a special colors.
<br> The page is a progressive web app, built with nuxtjs.
<br> Fonts in use: Monument Grotesk, Pano, Pickle</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/btbb/btbb_website_1.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/btbb/btbb_website_2.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/btbb/btbb_website_3-Medium.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/btbb/btbb_website_4-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/btbb/btbb_plakat_18-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/btbb/btbb_plakat_19-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/btbb/btbb_plakat_20-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="thibaut-henz"><div class="inner-slide"><div class="description"><h1>Thibaut Henz</h1><h4>03 2018</h4><p>Online portfolio for the photographer <a target="_blank" href="https://thibauthenz.com/">Thibaut Henz</a>. We decided on a customized version of the wordpress lay theme, which gives him the ability to arrange images in interesting ways.
<br> Font in use: Sinkin Sans</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/thibaut/thibaut-1-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/thibaut/thibaut-2-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/thibaut/thibaut-3-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/thibaut/thibaut-4-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/thibaut/thibaut-5-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="Prt"><div class="inner-slide"><div class="description"><h1>Pr...t</h1><h4>02 2018</h4><p> Advertisement for two shows at a secret venue in Leipzig. The styles are completely opposit of each other.
While one is minimalistic with a fine noise texture and showcasing the great font <a target="_blank" href="http://oxlos.crowdfont.org">Oxlos</a>. The other one is completely overloaded with <a target="_blank" href="https://openclipart.org/">ClipArt</a>.</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/prt/Poster_Pracht_3.3__black.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/prt/Poster_Pracht_3.3__white.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/prt/Prt_15-Feb.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="shared-habitats"><div class="inner-slide"><div class="description"><h1>Shared Habitats</h1><h4>06 2017</h4><p> I had the pleasure to design a Poster for the exhibition “Shared Habitats” in <a target="_blank" href="https://www.google.de/maps/place/Kaohsiung,+Taiwan/@20.5587299,119.7285306,611404a,35y,25.31t/data=!3m1!1e3!4m5!3m4!1s0x346e43517a7a741b:0x4826a24a54732a37!8m2!3d22.6272784!4d120.3014353?hl=de">Kaohsiung</a>.
Ursula Damm and her students are exhibiting media art works that deal with the environment (Umwelt). The poster can be flipped upside down and two posters together remind us of our shared habitat.</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_1/Shared_Habitats-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/sh_1/Shared_Habitats_mockup-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="social-media-meditation"><div class="inner-slide"><div class="description"><h1>Social Media Meditation</h1><h4>04 2017</h4><p> For my thesis project I created a visual language that mimics contemporary yoga and meditation institutes.
This speculative brand is based on the idea of nothingness. The logo got stripped away from any iconic form.
The promotional pictures resemble stockphotos.<br>More information: <a target="_blank" href="http://www.socialmediameditation.net">www.socialmediameditation.net</a><br>Even more information in my <a target="_blank" href="http://www.pitscher.net/Thesis_SMM.pdf">Thesis Book</a>(german)</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/smm/smm_logo.svg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/smm/smm_promo.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/smm/smm_website.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/smm/smm_thesis-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/smm/smm_thesis-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/smm/smm_-bg_clean.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/smm/smm_pillow_3.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/smm/smm_pillow_5.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="spekulative-gesellschaft"><div class="inner-slide"><div class="description"><h1>Spekulative Gesellschaft</h1><h4>2016-2017</h4><p> The Speculative Society (Spekulative Gesellschaft) was an everchanging group of individuals that organized events, happenings and exhibitions.
I created a lot of the recent graphics, like invitation cards, logos, posters and leaflets.</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/spege/SpeGe_Logo.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/spege/MdSGhdnzt-Large.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/spege/SpeGe_Einladung1-Large.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/spege/niche_plakat.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/spege/GMU_Poster.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="cheap-quick-dirty"><div class="inner-slide"><div class="description"><h1>Cheap–Quick–Dirty</h1><h4>03 2016</h4><p> Cheap and dirty posters for the exhibition called “Cheap Quick Dirty”, where students inventend B-Movies and created additional graphics.</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/cqd/cheapquickdirty_poster_RED.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/cqd/cheapquickdirty_poster_Orange-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/cqd/cheapquickdirty_poster_printed-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/cqd/cheapquickdirty_poster_glued-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="mess-wth-tech-sense-thinking"><div class="inner-slide"><div class="description"><h1>Mess with tech, sense & thinking</h1><h4>02 2016</h4><p> </p>Together with Rama Bielewski we designed a foldable Poster/Flyer combination for a hybrid event at <a target="_blank" href="https://transmediale.de/content/the-mess-with-tech-sense-and-thinking">transmediale16</a></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/mtst/mtst_poster-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/mtst/mtst_flyer_cover-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/mtst/mtst_flyer_front-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"><img class="swiper-img swiper-lazy" data-src="images/mtst/mtst_flyer_back-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div><div class="swiper-slide" data-hash="media-art-award"><div class="inner-slide"><div class="description"><h1>Preis der Medienkunst / Mediengestaltung</h1><h4>02 2016</h4><p> The Media Art Award is an annual competition for recent graduates. With the help of <a target="_blank" href="http://thegreeneyl.com">Gunnar Green</a> I created the minimalistic poster for the 2014 edition.
The octahedron resembles a digital version of a handax, the first human tool. But it also stands for the 8 fields of study in Media Art and Design.
A 3 dimensional version was given out as the first price.</p></div><div class="imagebox"><div class="shadow"></div><div class="swiper-container-horizontal"><div class="swiper-wrapper"><div class="swiper-slide"> <img class="swiper-img swiper-lazy" data-src="images/pdm/pdm_black.jpg"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"> <img class="swiper-img swiper-lazy" data-src="images/pdm/pdm_white.png"/><div class="swiper-lazy-preloader"></div></div><div class="swiper-slide"> <img class="swiper-img swiper-lazy" data-src="images/pdm/pdm_mockup-Medium.jpg"/><div class="swiper-lazy-preloader"></div></div></div><div class="swiper-scrollbar"></div></div><div class="shadow"></div></div></div></div></div><div class="swiper-pagination"></div></div></body></html>