Johanna Langenhan

ausgebildeter Gestalter & Informatikstudent

Hier gibt es Einblicke in einige meiner Arbeiten im Bereich Gestaltung und Front-End Entwicklung.

Mir liegt viel daran, das Internet als einen angenehmen Raum für alle zu gestalten. Daher bin ich an digitaler Barrierefreiheit interessiert (Webseiten, PDFs etc) und seit einigen Jahren in der IndieWeb Community aktiv.

Projekte

Mobile Website - Projekt

Stietzer altertümliches Gebräu

Dieses Projekt für eine Biermarke mit OnePager in mobiler Ansicht bot mir die Gelegenheit, eine verrückte Idee bis an ihre Grenze zu treiben. Die Art des zu vermarktenden Biers war freigestellt, daher stellte ich mir die Aufgabe, die Marke unkonventionell zu gestalten: Biersorten aus der Frühzeit.

Vom Logo, über die dynamischen Kurven, bis hin zu den leicht selbstironischen Illustrationen: Das ausgefallene und verspielte Auftreten der Marke wertet etwas für junge Menschen neu auf, das sonst möglicherweise veraltet und öde erscheint.

Enkidu aus dem Gilgamesh-Epos, ein Mann mit Hörnern, genießt ein Bier aus der Dose mit einem Strohhalm

Schriften

Bricolage Grotesque

DM Sans

Logo

Im Logo wird ein Mensch abgebildet, der durch einen Strohalm aus einem Bierkrug trinkt, welcher „Stückchen“ von Weizen enthält. Dies ist eine Anspielung auf das ungefilterte Bier der Frühzeit, dass in vielen Orten bewiesener Maßen aus Stohhälmen getrunken wurde

Farben

Zur Seite (neuer Tab)
PWA für Tablet - Projekt Vorschau der Web-App

Paula's Garden (PWA)

Die Abschlussprüfung zum Mediengestalter forderte mich, als erste PWA, welche spezifisch für Tablets (1366px x 1024px) bestimmt war.

Die Wünsche nach einem modernen Redesign für die „nächste Generation“ erfüllte ich, in dem ich mich der verspielten Natur des Logos anpasste und ein Konzept entwickelte, welches sich auf runde Formen und blumige Icons stützt.

Schriften

Mallows

Quicksand

Icons

Terminkalender Uhr Sanduhr Sparschwein Gruppe vom Menschen

Unterschiedliche Icons existieren in Kontexten, die klar getrennt sind; und doch bilden sie eine einheitliche Formsprache.

Icons mit Einbindung der Blume kennzeichnen die Unterseiten.

Farben

Das Grün des Logos stellt die Primärfarbe da, während lila als Akzentfarbe vorgesehen ist. Um auf alle Kontrastverhältnisse vorbereitet zu sein, existieren beide Farben in Abstufungen, um den WCAG 2.2 AA Vorgaben gerecht werden zu können.

Zur Seite (neuer Tab)
Magazin - Projekt

In All But Name (Magazin)

In diesem 100-seitigen Magazin steckt viel Organisation, die Ausarbeitung eines Designleitfadens und Layouts – sowie das Talent von über 30 Beteiligten.

Nach Abschluss meiner Ausbildung war ich motiviert, meine Vorliebe für das Setzen von Magazinen sinnvoll einzusetzen. Die Leitung und Ausarbeitung des Community Fanzines war lehrreich und das Endprodukt wurde von Mitwirkenden sowie Lesern geschätzt.

Ein Mockup des Magazins

Schriften

Industria Pro Solid

Fraunces

Cover Illustrationen

Titelseite Rückseite

Social Media

Intro Post für Künstler ist als CD Mockup gestaltet. Die CD auf der rechten Seite ist das Kunstwerk, auf der linken Seite der CD Hülle ist das Profil auf die Einlage gedrucktIntro Post für Autoren is im Stil eines Buch Mockups gestaltet.  Auf der Linken Seite ist das Profil abgedruckt und auf der rechten ein Auszug aus einem früheren Werk

Beispiele der Social Media posts: Intro für Mitwirkende (Künstler + Autor)

Zur PDF (Neuer Tab, extern)

Illustrationen