The Insanity of Normality — Web

Die Web-Version meiner Masterarbeit

Eine Webseite mit Collage-Bildern auf einem BIldschirm
Das TION-Projekt auf einem Smartphone (2 Ansichten)
Screenshot eines Webdesigns: Ein Grüner Begrüßungsbildschirm "The Insanity of Normality"

Das Webdokument folgt einem horizontalen Pfad, der aus 20 Seiten besteht. Der Benutzer kann mit der Tastatur, durch Anklicken der Pfeilsymbole am Rand des Bildschirms oder durch Wischen (auf Touchscreens) schnell durch die Seiten navigieren. Ein Übersichtsmenü kann durch Anklicken des Symbols in der linken oberen Ecke des Bildschirms geöffnet werden.

Screenshot eines Webdesigns: Ein typografisch aufbereiteter Text neben einer Collage von Pflanzen aus Textbausteinen
Ein Screenshot eines Zitates "Wir leben in einer Welt, wo Sensitivität im allgemeinen nicht gefördert wird..."
Screenshot eines Webdesigns: Ein typografisch aufbereiteter Text neben einer Collage von Pflanzen aus Textbausteinen
Screenshot eines Webdesigns: Ein typografisch aufbereiteter Text neben einer Collage von Pflanzen aus Textbausteinen

Für Ideen wie die Stanzungen, die in der Printversion die „zugrundeliegenden psychologischen Probleme“ darstellen, mussten alternative Konzepte gefunden werden. In diesem Fall wurde die Technik des parallaxen Scrollens verwendet: Wenn der Benutzer auf einer Seite nach unten scrollt, bewegen sich einige Bilder mit einer geringeren Geschwindigkeit als der Rest des Dokuments. Dadurch entsteht die Illusion, dass sich hinter dem Hauptbild eine tiefere Ebene befindet.

Im Buch wurden abzweigende Nebengeschichten um 90 Grad gedreht, um dem Leser zu zeigen, dass er den Haupttext verlässt. In der Webversion folgen die Seiten des Haupttextes einer horizontalen Linie, während die Nebengeschichten als vertikal divergierende Seiten angeordnet wurden.

Die Website ist responsive, das heißt, die Inhalte passen sich an unterschiedliche Bildschirmgrößen an. Ein Rastersystem schaltet auf ein einspaltiges Layout um, wenn der Benutzer die Webseite auf einem kleinen Bildschirm betrachtet.

Screenshot eines Webdesigns: Ein typografisch aufbereiteter Text neben einer Collage von Pflanzen aus Textbausteinen
Screenshot eines Webdesigns: Ein typografisch aufbereiteter Text neben einer Collage von Pflanzen aus Textbausteinen
Typografisch aufbereiteter Text in Form eines Webdesigns mit einer Collage aus Textblöcken, die wie ein Wasserfall in einem Rahmen "herabfließen"
Typografisches Webdesign mit Collagen von Pflanzen und abstrakten Strukturen
Screenshot eines Webdesigns: Slide-in-Menü in blassgrün neben einer Collage
Screenshot eines Webdesigns: Ein typografisch aufbereiteter Text neben einer Collage von Pflanzen aus Textbausteinen
Screenshot: Drei Autore*innen vorgestellt: Arno Gruen, Astrid Lindgren und Jesper Juul

Die Webseite verwendet das (inzwischen nicht mehr verfügbare) Grid-System Gridism.