Website Research

Website - www.magicsocket.com

Type of site – Portfolio website

About – The online portfolio of magicsocket, an interactive agency from Turin (Italy) specialised in the creation of Digital Products based on Adobe Flash technology.

I think this website is very well laid out keeping the navigation simple and easy to follow. The use of contrasting colours makes the website more eye-catching and easy to read.

For the opening of the website they have a loading screen using scalextrics tracks which they put together to make up the numbers.

On the homepage of the website they have used and Scalextric tracks as their main theme incorporated into the site. Magicsoket have used Flash to create a Scalextric game which the user gets to select a car and race around the track. Once the viewer races around the track the page starts to navigate around with you.

Javascript - Breaking down the code!

Below is the original code to change the font size using Javascript

Breaking down the code. The yellow boxes are the javascript and html. The red text is my comments.

Website update

Some more pics i might use for my website...

Wireframe

Here is a basic wireframe for my website.

Traingle Rule

The picture below shows one the main hotspots where the majority of viewers eyes are drawn onto the screen first. Ive based my design around this as a way of experimenting with design structures.

Colour Wheel - Contrasting Colours

Below is an few examples of contrasting colours.

Colour Wheel

Today we looked at Colour wheels and how certain colour an compliment and contrast with each other.

Below the colour wheel is an exmple of my favorite analogous colour combination. Both colours work well together because they are easy on the eye.

Rule of Thirds

What my website wireframe looks like with the rule of thirds applied.

Networking Map

Gantt Chart - Website

A Gantt Chart created for my website.