The Insanity of Normality pt. 2 — Master's degree project — Web Version
The web document follows a horizontal path, consisting of 20 pages. The user can quickly navigate through these by using the keyboard, by clicking the arrow symbols on the side of the screen, or by swiping (on touch screens). An overview-menu can be opened by clicking the icon in the top left corner of the screen.
Alternative concepts had to be found for ideas such as the die-cuts, which were represent the “underlying psychological issues” in the print version. In this case, parallax scrolling technique was used: When the user scrolls down on a page, some images move at a lower speed than the rest of the document. This creates the illusion, that there was a deeper layer behind the main canvas.
In the book, branching off side stories were rotated 90 degrees in order to show the reader that he leaves the main text. In the web version, the pages of the main text follow one horizontal line, whereas the side stories were arranged as vertically diverging pages.
The web site is responsive, meaning that the contents rearrange themselves in order to fit different screen sizes. A grid system switches to a one-collumn-layout, when the user views the web page on a small screen.
A bibliography-system highlights text sources, when the user clicks source markings.
As in the print version, the texts are available in two languages, English and German. The user can switch languages in the overview-menu.
The document makes use of the responsive grid system Gridism.