DOMINIK WIERL
KOMMUNIKATIONSDESIGN
Litfaßsäule mit Plakaten für die Jahresausstellung

PULS OPEN AIR 2019

In Zusammenarbeit mit dem Bayerischen Rundfunk und PULS wurde eine neue Website für das gleichnamige PULS Open Air entwickelt. Das Festival ist zuhause von vielen neuen Bands und Acts. Aktuell noch weiter in arbeit.

Kunde: Bayerischer Rundfunk / PULS

→ pulsopenair.de
→ deinpuls.de
→ Mehr Informationen

Website

Die Website für das Open Air wurde mit den neusten Standards programmiert. Durch die großen Datenmengen werden automatisch neuere WebP Bilder für die modernen Browser genutzt. Bei über 10.000 Visits im Monat war es wichtig für jeden Besucher eine gleiche UX zu schaffen, deshalb war es die höchste Priorität eine gute Performance zu bekommen, bei einem Google Lighthouse Audit bekommt die Seite 98 von 100 Punkten. Die Seite wird durch ein Kirby Backend gefüttert.
Litfaßsäule mit Plakaten für die Jahresausstellung

Bachelorarbeit
„2080“

Der Klimawandel ist in aller Munde. Die Polkappen schmelzen, Venedig ist irgendwann komplett unter Wasser. Doch was passiert eigentlich vor der eigenen Haustüre? Mit dieser Frage beschäftigt sich meine Bachelorarbeit. Wissenschaftler vermuten, dass der letze deutsche Gletscher 2080 für immer weg ist, unsere Nachkommen werden die Alpen zum ersten mal ohne Gletscher erleben.

Betreuung: Prof. Xuyen Dam

→ Mehr Informationen

Motivation

Nachdem ich im Winter 2018 einen Artikel über die deutschen Gletscher gelesen habe, saß ich wie versteinert auf meinem Stuhl zuhause. Ich hatte Gänsehaut und ich fühlte mich unwohl. Unwohl für etwas was scheinbar schon passiert ist und nicht mehr aufzuhalten ist. Der letzte deutsche Gletscher, so heißt es, ist 2080 für immer verschwunden.
Da ich selbst gerne in den Bergen bin und finde, dass dieses Thema oft zu global gesehen wird, war damit die Motivation geschaffen, mehr Leute zu informieren.

Konzept

Das Konzept meiner Arbeit war schnell klar, ich wollte mit ihr viele Leute informieren. Im 21. Jahrhundert funktioniert dies besonders einfach, fast jeder hat einen Internetzugang und so war für mich schnell klar, dass ich eine Weblösung haben will.

Prozess

Über mehrere Monate hinweg wurden Ideen und Skizzen angefertigt, weggeworfen und neu begonnen. In diesem Prozess lernte ich mich mit der Materie zu befassen: Was heißt es für mich und für andere, wenn es keine Gletscher mehr in Deutschland geben wird? Wie möchte ich auf einer Website meine Stimmung über die Thematik kommunizieren? Ist es möglich mit Bildsprache, Typografie und Farbgebung dem Leser eine Stimmung zu vermitteln?
Von der ersten Idee bis hin zur fertigen Arbeit hat sich das Design mehrmals verändert, von zu fröhlich über zu trist bis hin zum jetzigen Ergebnis.

Umsetzung

Nach einigen Schritten zurück habe ich die perfekte Kombination aus Design, Funktion und User Experience gefunden und mich dazu entschieden das Projekt in dieser Form auszuführen. Da es allerdings zu aufwendig wurde um es als Website nun komplett umzusetzen, habe ich mich dazu entschieden mein Projekt als Prototyp mit Framer zu entwickeln.
Die Kombination aus Sketch und Framer funktioniert hervorragend und so konnte ich einiges an Zeit sparen, indem ich meine Artboards aus Sketch mühelos in Framer importieren konnte und sie so mit einigen Animationen so darstellen konnte, dass ein User versteht was er tun musste. Der Prototyp wurde sehr umfangreich, so umfangreich, dass man fast meinen könnte es sei eine finale Website die online genauso funktionieren kann.

Abschluss & Design

Nach einem Semester konstant an einem Projekt fokussiert arbeiten ist mein Bachelorprojekt fertig. Es zeig anschaulich und auf den Punkt gebracht, was viele andere Websites zu dem Thema bis heute nicht schaffen, wie dramatisch es um die Gletscher steht.
Die Seite beginnt mit einem Countdown der den User erstmal im Schatten stehen lässt, was hat es damit auf sich?
Diese Frage klärt sich im laufe der Nutzung. Im Hintergrund der Startseite findet man ein Diagramm, welches auch später nochmals seinen Einsatz hat. Es symbolisiert den Rückgang der Gletscher um einen gewissen Prozentsatz. Scrollt der User nun, gelangt er zu der Übersicht aller deutschen Gletscher und bekommt eine Archivaufnahme bei einem Mouseover gezeigt. Bei einem klick springt er genau an die Stelle wo es mehr Informationen zu dem jeweiligen Gletscher gibt. So sind alle Gletscher aufgebaut und man findet mit einem Scroll nach rechts oder durch klicken immer mehr über den Gletscher heraus.
Hat man alle Informationen und ist am Ende angelangt, wird der Countdown aufgeklärt und nochmal genauer erläutert.

Credits & Danke

Archivfotos von → gletscherarchiv.de
Danke an Prof. Xuyen Dam
Litfaßsäule mit Plakaten für die Jahresausstellung

JAHRESAUSSTELLUNG 2016

Together with a group of students from the design department at the University of Applied Sciences Munich, I created an Identity for the annual exhibition. My emphasis was to design and create a website and an mobile app.

Supervision: Prof. Béla Stetzer

→ jahresausstellung.hm.edu
→ More information

Website

For the annual exhibition from the design department of the University of Applied Sciences, we also created a website with all necessary informations about the exhibition like maps and informations about the exhibitors. The key visual of this years exhibition was a square which should stand for a room. We tried to create a dynamic visual on both sites, the mobile and the desktop version.
Münchner Hochschulmagazin N°15 mit Leuchtcover Münchner Hochschulmagazin N°15 mit Leuchtcover

MÜNCHNER
HOCHSCHUL
MAGAZIN N°15

The "Münchner Hochschulmagazin — MHM" is the semestermagazine of the University of Applied Science Munich. Together with 9 other design students from the Faculty of Design, I created the newest Issue.

Supervision: Prof. Xuyen Dam

→ www.mhm-magazin.com

TYPOGRAPHY OF
MUNICH'S CLUBSCENE

For semesterproject in the 2. semester typography class by prof. Xuyen Dam, we should inspect the typography in our every day life. I worked with the typography of the clubs and the partyscene here in Munich.

Supervision: Prof. Xuyen Dam

AGENTURRADAR

Agenturradar is a interactive graphic which shows the user a quick overview at which places students from the faculty 12 from the University of Applied Sciences took their internship.

→ More information

Project description & task

In the third semester communication design at the University of Applied Sciences, Munich, we worked with informationgraphics. Our team choose to work with the internship data the students have to collect during their internship. The problem of this data is, nobody reads it because it’s just to much information. One interesting point for me of all this data was, the locations where the agencies are. So after three semester at the University of Applied Sciences I noticed that more and more students took their internship in their comfort–zone: In Munich. In my graphic I would like to show where other students were and If the trend to stay in Munich is really true.

Concept

The concept of my work is to show give the user a quick and wide insight where the students from the University of Applied Sciences go for their internship. The trend shows, that more and more students take their internship in Munich. I would like to show, that their also many students who took their internship far or less far away from home. You can click on the dots inside of the rings which are the actual agencies. By clicking on the dot you’ll get more information about the agency. The navigation bar on the bottom tells the user how far away he is from the university. The user can either drag the bar or adjust it by clicking on the arrows. The maximum distance from Munich is an isle near New Zealand and thats also the maximum distance you can travel. So my bar goes from Munich to this point. On the bar are also the agencies in the same color as on the graphic just to make thing clear where the user is at the moment and to cover greater distances where no agency is, like in the sea.
 Close

MUSIKVEREIN EICHENAU

For the annually new years concert of the "Musikverein Eichenau" , I was allowed to create the new corporate identity with posters, tickets, flyers and program-booklet. Besides the new print products, I designed and coded a new website. The red color came from the typical costumes the group wears and stands now in contrast with the blue.

→ www.musikverein-eichenau.de
→ More information
The music club Eichenau already had a website. The old site was build on old HTML with which had it’s best years some time ago. My task was to transfer the data from the old site, to the new one and put it into a new face. The club came to me with tons of pictures which have been never used before. So why not putting these pictures into the new website together with the data from the old one. This is exactly what I did on the new website.
Another big point for the club was the founding. The club always get’s its funding amounts by E–Mail or even by a normal letter, now on the there is an extra button on the website to take the user directly to the donation forms.

 Close

SLOWFOOD
LOGO CONCEPT

Slow Food is an Italian organization, which tries to preserve the eat and drink culture by helping local supplier to remain. In the third semester course Corporate Identity, we had to create three different logos: light, loud/silent and typographic

Supervision: Prof. Béla Stetzer

→ More information

TYPOGRAPHIC

For the first logo, we should work completely typographical. I tried to create a slow and goo like look. The final result should not look to dissolve and not to static. I came up with 3 different logo styles.

LOUD / SILENT

The next task was a loud and silent logo. I decided that I would like to work with a contrast, which can be loud and silent as well. In the next step, I created organic looking shaped which I converted afterwards in greyscale to create a gradient from bright to dark.

LIGHT

The last task was under the name of „light“. Again, I tried to catch up the „Slow“ – Topic. This time I worked with lines which stand for the tracks a snail makes when it moves. I duplicated the lines to create a lighter look. This time I came up with 3 different logos which all look alike.
 Close

MHM — Leidenschaften

The Münchner Hochschulmagazin, the magazine of the University of Applied Sciences, Munich, searches every semester for new authors for the upcoming magazine. This time we choose the topic „Leidenschaften“ which translates to „passions“ in english. For this I created a poster, the two red organic shaped are two separated hearts, the lettering „Leidenschaften“ creates a bridge between those two.

→ www.mhm-magazin.com

DIGGIN'

For the season end of the series of events by the Munich DJ Trio „Monaco Bass“, I created a poster and screen printed It by myself.

→ www.monacobass.de

FÜNF

Together with 4 other Communicationdesigners, this book was created. In the second semester, we had a writing-seminar. Everyone of us had to write 5 texts about anything he wanted to. The cover is lasercutted on thick carton and afterward handbinded.

FLICKERCONTRAST

By playing with two different colors it sometimes comes to a flicker effect in your eyes. This effects gets reinforced by combining it with lines or dots.

Supervision: Prof. Ben Santo

WORLD WIDE SCIENCE

In the course Branding, we should work with the design of a search engine. My team and I worked with a already existing search engine, called World Wide Science. We created a new corporate identity and redesigned the search engine.

Supervision: Manuel Trüdinger

→ More information

FRONT PAGE

The front page of World Wide Science got a complete redesign. Important for us was, to create a clear looking front page. World Wide Science offers a wide range of filters to refine the search results. With our new designed page, all these filters were put under one point and so the search is in the focus again.

SEARCH RESULTS

On the search result page, we decided to built in a new system. Beside the normal results, we show tabs which start a new search. This search results are shown side by side, with this you can keep on searching and focus even more on the details of your search and with the also new pin function, you can pin your searched items for later use. The pinned items can be viewed on your profile. In you profile setting, you can also edit and delete pins. The filters from the old page are represented subtracted on the left site.

MOBILE SITE

Beside the desktop version, we also created and designed a mobile version. The mobile version is more or less a light version of the desktop site. Functions like adding more search tabs been omitted to use the format of a mobile device better. The mobile site should be used to do a quick search and pin the result to check back later on a desktop.

SUBKULTUR OPEN AIR — 2015

Together with Maximilian Braun the poster for the Subkultur Open Air 2015 was build. The ridge turret on the old slaughterhouse, which is under monument protection, was illustrated by Melanie Pfnür.

→ www.grafikbraun.de
→ www.subkultur-ffb.de

BASEL NACHLESE — UHREN HIEBER

For the watch afterthought, which takes place every year in the Uhren Hieber shop, I created the posters and the invitation cards.

→ www.uhren-hieber.de

HFF — Filmabend IV

For the 5. movie night with films of the University of Television and Film Munich at the Haus10 in Fürstenfeldbruck, posters and a program-booklet were made.

→ www.igkultur-ffb.de

IG Kultur Fürstenfeldbruck
Brucker Slam 5

Since two years hosts the IG Kultur Fürstenfeldbruck together with Johannes Berger, German U20 poetry slam winner, poetry slam under the name of "Brucker Slam". For the 5th Brucker Slam I’ve created a new identity for the IG Kultur and this is one of the new posters.

→ www.igkultur-ffb.de