Status Quo

Doku Copy.png

Neben der Navigationsarchitektur, Lesetypografie und Inhaltstruktur mit zahlreichen Dopplungen, stellt die fehlende visuelle Identität eine der größten Probleme dar. Die Webseite ist austauschbar und nicht unterscheidbar von vergleichbaren Online-Surfer-Magazinen. Sie verfehlt den Charakter des Sports und der Kultur – hier wurde am Thema vorbei gestaltet.

Was macht den 90's Surfer Vibe aus?

Bildschirmfoto 2019-06-14 um 01.51.45.png

Die Arbeiten von David Carson, einer der Urväter des Grundge-Stils, war prägend für die »visuelle Identität« der Surferkultur in den 90er Jahren. Seine experimentelle Typografie untersteicht den Charakter des Action-Sports.

Keywords.JPG

Von David Carsons Arbeiten inspiriert und vom Charakter der Grundsteine der Surferkultur leitete ich diese Keywords ab, die mir als Orientierungshilfe bei der Erarbeitung der visuellen Identität half.

Doku Copy 2.png

Moodboard: ausdruckstarke Typografie, auffällige Muster, knallige Neonfarben, speziell die Farbe Lila und Verläufe.

Erste Entwürfe

Doku Copy 3.png

Dieser Entwurf schien mir etwas zu extrem und vom Lesetext ablenkend.

Doku Copy 4.png

Dieser Entwurf schien mir zu clean.

Redesign

Mockup_04.png
Surfer_Mockup_02.png
Home_Animation.gif

Visuelles Konzept

Zutaten:

+ Lila als Primärfarbe

+ Neonfarben

+ dynamische Linien

+ Noise Filter

+ ausdrucksstarke Display Schrift

Konzept_Animation_gif02.gif

Die Neonfarbpalette nimmt Bezug auf die Farbwelt der 90er Jahre und der Noise-Filter ist eine Interpretation der Grundge-Muster. Dynamische linien verkörpern den Charaker des Aktionsports. Klare Hierachien und eine klare Strukturierung der einzelnen Rubriken sorgen für eine verbesserte Orientierung. Um einen guten Lesefluss zu gewähren, ist der Unterschied zwischen Rubrik-Überschriften, Artikel-Überschriften und Lesetext deutlich definiert. Die Form der Display Schrift »Greta« erinnert an Blattstrukturen von Palmen und kann so mit Strand, Sonne und Meer assoziert werden. Ihr Charakter verkörpert die Tikki-Surferkultur der 90er Jahre.

Color_Palette.png
Greta02.png

Artikelseite

Artikel_Animation.gif

Wann ist der Artikel zu Ende? Wo bin ich? Welchen Text soll ich als nächstes Lesen? In Form eines endless Scrolls waren dies die Hauptprobleme der Originalseite. Im Redesign wird durch Überschriften, Trennlinien und unterschiedlichen Hintergründen eine deutliche Differenzierung ermöglicht.

Original_Animation_gif Kopie.gif
Hashtags_Newsletter.png
Comments.png