OUGD504 Studio Brief 03 - "A brief history of...website" (extended brief) - Research

At this point, it is clear that I need to look into design for web that communicates and is similar to the avant garde 'Pretty Ugly', although I am unsure of the exact function of my website as of yet, it is clear that I can't present work related to the Pretty Ugly in a modernist manner, as this is contradictory and shows little consideration between form, content and communication.

Looking at UX and design for contemporary/ avant-garde web.

An erratic arrangement of images, videos, search bars and refresh buttons.

http://clustertheme.tumblr.com/

http://clustertheme.tumblr.com/

A seemingly static website, when scrolling down, the next image appears to slide over the previous.

http://curv.tumblr.com/

http://curv.tumblr.com/

http://curv.tumblr.com/

An imitated 3d isometric grid creates the grid for a website

http://safe.txmblr.com/theme/preview/36508

http://safe.txmblr.com/theme/preview/36508

An irregularly scaled homepage of skewed type.

http://yyynyc.com/

http://yyynyc.com/

Although there is a clear regular grid layout, it is the use of two languages simultaneously that interests me here.

http://www.hort.org.uk/

The first website I've visited that is possible to scroll in all directions.
Images are highlighted when selected.

http://www.welovenoise.com/

http://www.welovenoise.com/

http://www.welovenoise.com/

The icons around the screen are fixed.

Images are scaled to fit accordingly to original size.

http://puretypography.tumblr.com/

Only 2 fixed icons needed here; Home & Zoom in/out.

Background a tiled image, similar to 'bad design' of early www. websites.

http://papayfanny.tumblr.com/

Another any direction scroll page, a lot more enjoyable and questions why we limit web to similarities to print?

Fixed Icons so a user can never get lost.

http://www.alyaraynetchi.com/

http://www.alyaraynetchi.com/

The homepage consists of a motion graphic of this collage.

http://studioblup.com/

http://studioblup.com/

http://studioblup.com/

Two Points, the editors of the book 'Pretty Ugly'.

Scrolling vertically images.

Fixed menu and search bars.

http://www.twopoints.net/en

http://www.twopoints.net/en

3 Horizontal rows move constantly with type and image.

Each row is titled according to content of images.

http://www.pitertsev.ru/

http://www.pitertsev.ru/ 

An interactive animated website, constantly moving options wait to be selected.

http://www.c-roots.com/

Selected options are animated to show further options until...

http://www.c-roots.com/

the result page is opened.

http://www.c-roots.com/

The search icon from http://www.c-roots.com/

The search icon from http://www.c-roots.com/

I included this as a simple silhouette, when highlighted is white, but when not, is always still visible against any image.

Although the design of this website isn't too irregular, it is the use of colour I would like to note here.
Colour is used to signify different articles, this could be good for a cluttered page, but would have to be finished well.

http://www.kapitaalutrecht.nl/

http://www.kapitaalutrecht.nl/