Creative

Zygomatic Studios design: an experiment in one-page animated layouts

Recently I did a front-end proposal for Zygomatic Studios. They’re an animation company started up by Erik Kylen and I’ll be maintaining their website.

Given that I knew them, I had some freedom to experiment. For an animation firm, the website itself had to be showy graphically somehow. I ended up making the entire page animated on page-load: to present itself in a showy way but not interrupt the user whilst actually using the page. “Slick” was what I was going for.

Another idea I wanted to play with was the one-page site concept, which displayed the highlights of each “sub page”, which could then be expanded if interested.

You can check it out in my alpha playground.

Zygomatic

Designed with GIMP, with a little help from Blender. Personally quite happy with the experiment.

Creative

The web as an art medium

Almost three months ago, I had a course which got me thinking: what if the web was seen as yet another medium for artists? I’m referring specifically to artists, those who create without purpose and just for kicks to add life’s flavour, rather thanĀ designers, who have an objective or a problem they are trying to solve. This means I’m not talking about webdesign – I’m talking about Web Art.

I’m also not talking about plugins or embeddable content like Flash or 3D – I’m talking about pure HTML DOM and things which manipulate it.

This isn’t a new idea. Ever since Chrome reminded the market about the importance of script execution and rendering optimisation, there have been a lot of experiments out there. It’s probably unsurprising, then, that now is the perfect time for artists to invade and create a layer of class and “meaning” behind this eyecandy.

My feelings about stuck-up artists aside, I made a series of web toys. Two of these were appropriate for public viewing, and so here they are.

Trauma

Named after its inspiration, Trauma is an experimental point and click environment. Nothing special scriptwise.

Vector

Also named after its inspiration, vector is a box that does stuff (click on it). Animation in Blender, exported as a single image of all the frames, and jQuery scrolls through it.

Note that these have not been optimised, cleaned, or browser tested in any way. It works in Firefox, but be sure to give it time to load fully as there is no preloader.

Enjoy! (or not – apparently you can’t tell people what to think with art)