BackTrackThumb

BagTrack

9. Juni 2017

Tracke deinen Koffer, reise ohne Verluste und behalte im Ernstfall die Kontrolle. Die Frage im Kurs User Experience Design (UX) war, wie können wir Menschen beim Reisen das Leben erleichtern? Backtrack ist ein Service, der dir zeigt, wo dein Reisegepäck gerade ist. Und wenn tatsächlich der Ernstfall eines Verlustes eintritt, hilft dir Backtrack die Kontrolle […]

apps+applications2017-thumb

Apps & Applications 2017

25. April 2017

Awkward von Anna Fuchtig Jeder kennt sie, die peinlichen Momente im Alltag. Wenn die eigenen Eltern einen auf einmal auf Facebook finden, das Tinder-Date sich als AFD-Wähler entpuppt oder man sich einfach nur im Fahrstuhl nicht in die Augen schauen möchte. Anna Fechtig hat dem Thema eine ganz App gewidmet, ihr Projekt mit dem bezeichnenden […]

mk_nformationsarchitektur-thumb

Das Unsichtbare sichtbar machen

17. April 2017

Vier Informationsdesign-Plakate, die Zahlen, Daten und Fakten verständlich darstellen und Spaß machen anzuschauen. Ein Klick auf die Bilder öffnet jeweils die Slideshow. Ernährung ist eine Philosophie für sich. Was gibt es eigentlich für vegetarische Ernährungsformen, illustriert Celina Ahlgrimm. Bedeutet Geld auch Glücklichsein? In Deutschland trauriges Industrieland gibt es Fakten zu Depressionen in der BRD von […]

buletteThumbnail

Berliner Torten: Sag’s durch die Bulette

4. April 2017

Wie lustig kann eine Informationsgrafik sein? Sehr lustig, wenn man es durch die Torte sagt. Hier nehmen wir einfach mal ein paar Berliner Klischees, teilen einen Kreis in bunte Abschnitte, versehen das mit einer Überschrift und ein paar Labels und schwupp – bitte Schmunzeln, nicht ernst gemeint. Übrigens im englischen Raum sind humorvolle Tortengrafiken schon […]

DigitaleServicesThumbnail

Digitale Services für geflüchtete Menschen

3. Februar 2017

Vor dem Kurs hatten wir nur eine blasse Ahnung unter welchen Bedingungen und mit welchen Problemen geflüchtete Menschen in Berlin kämpfen. Wir sind in die Flüchtlingsheime gegangen, haben versucht zu verstehen, wie die Menschen leben und vor allem haben wir mit den Menschen über ihre Situation, Wünsche und Ängste gesprochen. Aus diesem Research haben sich […]

Apps&Applications_.1jpg

Apps & Applications

30. Juli 2015

Im Kurs Apps & Applications entwickelte jeder Student eine eigene App Idee. Nach eingehender Auseinandersetzung mit den Themen Usability, Interface und UX-Design wurden Sitemaps und Mock-Ups für die Ideen erstellt und die einzelnen Elemente wie Logo/Icon, Typo, Farben und Icons wurden individuell gestaltet. Ein Klick auf die Bilder unter den Namen öffnet die Slideshows. Anna […]

hdpk festival 2015 medienklasse

hdpk festival 2015

23. Juli 2015

hdpk festival 2015 trailer from hdpk / Mediendesign on Vimeo. Vom 17. bis 19. Juli 2015 öffnete die Hochschule ihre Pforten und gab Einblicke in die Arbeitswelt der Medien-, Musik-, Event- und Designbranche. Eingeladen waren vor allem Studenten und Dozenten, Freunde und Bekannte der Hochschule, Nachbarn, Kooperationspartner und Studieninteressierte sowie Medienvertreter und -unternehmer zum: Anschauen […]

Bildschirmfoto 2014-11-19 um 17.40.25

Hochschul-App Entwicklung

19. November 2014

Im Wintersemester 2013/14 hat der Studiengang Kommunikationsdesign begonnen, in einem Projektkurs eine Hochschul-App im Auftrag von teNeues Digital Media zu entwickeln. Unsere Hochschul-App soll es Studenten ermöglichen, ihr Studium mobil effizienter und leichter zu organisieren. Daraus stellte sich die grundlegende Frage, welche Inhalte für einen Studenten im Unialltag nützlich sind. Möchte ein Student nur einen […]

coffi-festival-website

COFFI – Italian Film & Art Festival

21. August 2014

Das Coffie-Festivial started am 22. August — Film, Kunst und Theater verbunden mit italienisches Lebensgefühl als Berlin-Event! Das Erscheinungsbild mit Website, Trailer, Plakat, Flyer, Programm, etc. gestaltet und realisiert von den beiden HdpK-Studenten Christian Woynowski und Jendrik Drazetic. Ganz großartig! Internetseite: www.coffi-festival.de Website (www.coffi-festival.de) Programm Programm Postkarten Trailer

tempelhofer-unfreit-front

Tempelhofer Unfreiheit

14. Februar 2014

In einem gemeinsamen Projekt mit dem Masterstudiengang Geschichte Web 2.0 der Freien Universität Berlin galt es für die Studenten eine Form für dieses sensible Thema zu finden. Das Tempelhofer Feld spielte in der Propaganda zu Zeiten der Nationalsozialisten eine wichtige Rolle – damals ein Ort der Unfreiheit ganz im Gegensatz zur heutigen grünen Oase mitten […]

DIG! Designer im Gesrpräch II

DIG! Designer im Gespräch

15. Januar 2014

Die Veranstaltungsreihe DIG geht in die nächste Runde. Die hdpk konnte vier namhafte Designer aus verschiedensten Design-Bereichen gewinnen. Die Studierenden lernen wieder in spannenden Vorträgen unterschiedlichste Strategien, Konzepte und Berufswege aus der Designwelt kennen. Im Anschluss haben sie Gelegenheit, die Designer im Gespräch zu befragen. Den Termin organisierte Prof. Ursel Schiemann. Informationen zu den Rednern […]

Niklas-Bauer-9

Lettrétage für das Web

10. August 2013

Was ist ein Corporate Design? Ein Logo – und was noch? Und wenn nicht, was dann? Corporate Design ist ein komplexes Aufgabenfeld der Gestaltung, dem wir uns in diesem Projekt in Zusammenarbeit mit dem Literaturhaus Lettrétage in Berlin-Kreuzberg nähern. Dabei sind einige spannende Ansätze und Gedanken ausgetauscht und visualisiert worden. Click on the image to […]

dig-jendrik

Designer im Gespräch an der HdpK, Don. 13. Juni

5. Juni 2013

Donnerstag 13. Juni, 10 bis 13.30 Uhr in der Lounge 1 Eintritt frei Gäste herzlich willkommen Update 18.06: SlideShare-Präsentationen von Maren, Dan, Frank und Ursel online Wir freuen uns auf Designgespräche mit Persönlichkeiten aus Interaction Design, Corporate Design, Editorial Design und Music Artwork. Wir werden nicht nur exzellente Arbeiten sehen, sondern vor allem erfahren, wie […]

pepe-juergens-css3-transition-transform-animation

Transition, Transform & Animation mit CSS

14. Mai 2013

Diese Flipped-Classroom Serie Transition, Transform und Animation mit CSS3 von Prof. Pepe Jürgens erklärt die Grundlagen von Motion Design mit Cascading Style Sheets für die Gestaltung von Webseiten. Mit Bewegungen wird das Interface für den User erlebbar. Bewegungen verweisen auf physische Metaphern wie Blättern, Schieben oder Drücken. Das Interface des iPad ist das beste Beispiel […]

visitenkarten

Die Reifeprüfung – Portfolios

3. Mai 2013

Wir werden geschäftstüchtig! Die minimale Grundausstattung für ein Erscheinungsbild ist ein Internetauftritt, Briefpapier & Visitenkarte. Moment – da wir alle mobil sind, sollte die Internetseite auch responsive für Tablet und Smartphone optimiert sein. Voilà – schaut euch das an!

truth o freedom raoul zander

Truth or Freedom

3. Mai 2013

„Head Truth, Freedom and some Cats: A colorful journey through moving mindscapes. Meet some cats and take a breath of doublethink.“ kommentiert Raoul sein CSS3-Katzen-Experiment. 100% funktioniert die Animation nur in Firefox. Allerdings lohnt es sich dafür den Browser zu wechseln, wenn ihr Schrödingers Katze in voller Pracht erleben wollt. Und als Preview gibt es […]

css-responsive-design-media-query-javascript

Responsive Design mit CSS3

1. April 2013

Der klassische Computer ist nur noch ein Online-Medium von vielen. Im Alltag ersetzen Netbook, Tablet und Smartphones den sperrigen Computer. Diese Flipped-Classroom Serie von Prof. Pepe Jürgens führt die Studenten ein in die Grundlagen der Programmierung und der Gestaltung dynamischer Webseiten für unterschiedliche Devices und Screengrößen. CSS3-Media-Queries, Browserweichen, Strategien für den Umgang mit Bildern auf […]

Gideon Becker - It's all about the game!

Choose what you like

17. Januar 2013

„Es dreht sich alles ums Spiel! Also los, fang endlich an! Loser!“ Die Aufforderung von Gideon ist Programm! Findet den Link auf der Seite, um weiter zu kommen! Dann gibt es viele wunderbare Überraschungen zu entdecken – Collagen aus dem Netzfundus, direkt, einfach und pures HTML, entstanden im ersten Semester. Hier geht es zum Game: […]

CSS3-Animation ineinander verdrehender Quadrate

OpArtig – Spinning Squars

16. Januar 2013

Eine wunderbare, Augen verdrehende Endlos-Animation, die während einer Kompositionsübung im ersten Semester entstand. Was passiert? Es drehen sich neun farblich alternierende Kreise in steigender Geschwindigkeit um ihre eigene Achse. Dabei entsteht das Flimmern, welches so typisch für Bilder der Op Art Ära ist. Link: Spinning Squares Achtung das ist eine CSS3-Animation, die auf allen modernen […]

privatsalon - soraya hinsch

Privatsalon Soraya Hinsch online

12. Januar 2013

Die Webseite Privatsalon der Hair- und MakeUp Stylistin Soraya Hinsch ist online. Tim Pertuch hat den internen Wettbewerb an der hdpk mit seinem überzeugendem Entwurf gewonnen. „Privatsalon“ hat Tim gestaltet und programmiert – selbstverständlich optimiert für iPhone und Android. Die Gestaltung setzt den Vintage-Rockabilly-Look des Salons perfekt in Szene. Die Webseite ist so einladend – […]

css-position-layout-raster

Positionieren, Raster und Layout mit CSS

12. Januar 2013

Diese Flipped-Classroom Serie von Prof. Pepe Jürgens Positionieren, Raster und Layouts mit CSS erklärt die Grundlagen der Gestaltung mit Cascading Styles Sheets: Angefangen bei den Selectors – HTML-Elemente zum Stylen auswählen – über das Boxmodel – die Größeneigenschaften von Elementen – bis zur Positionierung. Dieses Grundwissen ist der Ausgangspunkt für kreatives Webdesign und für die […]

Morpholes Webseite

Morpholes

11. Januar 2013

heißt das Label von Jendrik Drazetic. Morpholes steht wohl für „More for Less“, doch Jendrik präsentiert sich in seinem persönlichen Erscheinungsbild eher mit „Less is More“. Ein bewusst minimalistisch inszenierter Auftritt, der prägnant in Erinnerung bleibt: Erscheinungsbild mit Wortmarke, Webseite, Smartphone, Visitenkarte und Briefpapier. www.drazetic.de

i love html

Netartig

25. Juli 2012

Mit einfachsten technischen Mitteln (HTML) gestalten die Studenten Webseiten nach dem Vorbild früher Netzkunst. Es entstehen erstaunlich experimentelle Ergebnisse, die kleine Geschichte erzählen: persönlich, poetisch und subversiv. Marie-Charlotte Fechner Hanja Koch André Hellmanns Olcan Akcay Monique Küsel Jonas Züfle Sybille huber Jeanny Jung 08-jung-jeanny from delgetti on Vimeo.

Z55-Vernissage-Web

Kreativprozessor

20. Juli 2012

Kreativprozessor Z55 – hdpk-Studierende erfinden Kreuzberger Büroetage neu – Ausstellung mit rund 50 Werken: Foto-/Plakatserien/Stop-Motion-Pictures – Designentwürfe zum Konzept Kreativprozessor – Am 28.7.2012 ab 16.00 Uhr in der Zossener Straße 55 Berlin, 17.7.12: Kreativstandorte gibt es in Berlin wie Sand am Meer. Das dachten sich auch 15 Mediendesign-Studierende von der Hochschule der populären Künste, als […]

07

Privatsalon

18. Juli 2012

Soraya Hinsch arbeitet seit einen Jahrzehnt als Make-Up Artist und Friseurin bei Events wie Berlin Fashion Week, Wetten, dass ..? 2012 eröffnete Sie ihre eigenen Privatsalon in Berlin Mitte. Ein Entwurf soll ihre Webseite zum Privatsalon werden – eine Projektaufgabe mit realen Hintergrund für das zweite Semester. Tim Pertuch – Alebaer Art Blog Niklas Bauer […]

jendrik_lownoscreenshot_1-Kopie

Wir machen es einfach

20. Juni 2012

Simpel, gehaltvoll, effizient und allen Risiken und Nebenwirkungen zum Trotz – Nach diesem Credo arbeitet das Kollektiv mittlerweile seit vier Jahren mit audiovisuellen Medien und Veranstaltungen. Ihre Webseite gestaltete einer der drei Kreativen deshalb auch einfach mal selbst; aufbauend auf dem Erlernten des Studiums und besonders viel Wert legend auf Browserkompabilität und Benutzerfreundlichkeit – Alle […]

screenshotwebsite_1

1st Homebase II

3. Mai 2012

Die Studenten konzipieren, gestalten und programmieren ihre erste Homepage im ersten Semester: Bleistift und Papier für die Ideen, Fireworks zum Prototypen und Umsetzen mit HTML, CSS und jQuery im Editor. Chapeau – das war ein guter Anfang. Click on the image to start the Slideshow Click on the image to start the Slideshow Click on […]

01.Bildschirmfoto-2012-02-06-um-00.52

1st Homebase I

4. April 2012

Meine Internetseite lässt die Besucher in die Luft zu steigen. Die Besonderheit liegt in der Verdrehung des gewohnten Scrollens. Eine schlichte, dennoch anschauliche und moderne Webseite, welche mein Ich im Design wiederspiegelt. Ich lade den Besucher meiner Webseite in mein trautes Heim „zu Kaffee und Kuchen“ ein. Es ist gemütlich zum Verweilen. Mein Heim zu […]