The Residency – Thinking about layout

Well, its my first post after the break from Uni, and we’re in the first week. In my major project proposal I gave myself a timeline for the 12 weeks I have to complete the project, the first week of which I am looking into the design and layout of the site. Next week I had planned to spend time creating my illustrations and writing the body copy for the site, however I have started writing the body copy already, so I will spend that time next week doing some more work on the design.

Anyway, one thing I am definitely going to be implementing into the site is something I have long been an admirer of and seen implemented really nicely on some portfolio sites, Parallax Scrolling! Ok, if you haven’t heard the term before, you probably haven’t a clue what it is, but fear not, I’m here to enlighten you, plus you have probably seen it implemented on the web before.

Parallax Scrolling is normally found on retro 2D games, to give a sense of depth (see youtube video).

It is used in web design to allow multiple backgrounds in the one page, which can produce some really amazing effects, such as the Australian Red Cross’ Target Nuclear Weapons campaign, Design Agency iutopi’s website, and the one that started the whole trend – Nike Better World … which in my opinion is just amazing!

Ok with these pretty amazing sites in mind, I have a bit of work to do before I can achieve anything similar to the likes of Nike. The effect can be achieved using the jQuery-Parallax plugin, and I’m going to combine it with the illustrations I will be creating, using a different illustration for each section. I will also look into a few different Parallax backgrounds, maybe on the 3 main sections of the site, but I’ll have to see how difficult it becomes!