Discarded Designs

I discovered recently that my workflow for this was backwards. I should have looked at frameworks first, and designed my site around a framework. This would have been much faster. I also came to the realisation that the kind of site I was aiming for was far better suited to a static flash site, and was not suited to scaling at all. Heavily graphical and themed sites tend to be made in flash for a reason I guess.

This was my first design for a front page, with horizontally scrolling sections at the top and bottom. I was unsure how this would scale to mobile, and later heard scary things about absolute positioning etc on iOS, so abandoned it as needlessly difficult.

This design was more static, and was all about having interesting graphical transitions between content blocks. There is a pipe system, with animated sections of liquid, which ties nicely into the branding. The idea for mobiles was that the content blocks would fit within a landscape mobiles screen at 100%, with some space left over to show the little connecting pipes going offscreen to another content block. I felt this was overly static, and the graphics between content makes using any frameworks difficult because there are no gutters. The more I thought about this, the less it seemed suited to the technology we are learning about, so I abandoned this in favour of a site designed specifically to a framework.