Me and Martin are going to try and make a HTML web page which features animations. So here I am researching possible layouts that I think work. Then we can think about applying the animations and digital element to the grid system we choose.
'Digitally bring YAMAHA to life'
Literally hate the context of this website but the colour scheme visually looks good and I also like how the website has been structured and laid out.
You can see on this prop 14 website about legalising cannabis in America how useful grid systems are and how it makes the website.
We think the vector based style is great so will will probably create our graphics in illustrator.
http://thenewleaf.org/
The two examples above are from ishothim.com
Really cool website commissioned by Arcade Fire. you enter your postcode and the website includes screen shot areas from your address using google maps. Extremely advanced coding that we are not capable of creating.
http://thewildernessdowntown.com/
http://www.spelltower.com/
We think we can produce a website to this level. This is our target!
When you click on the play button the hand drops and the video player below appears. very fluid responsive. Obviously when the page is resized the graphics arrange themselves accordingly. Another feature we will include.
When your mouse moves across these little graphics the they enlarge slightly, subtle but effective.
We really like the colours this website has used. The idea of splitting the website into coloured slides/ pages. We are going to arrange our website in a similar way but instead of random colours we are going to make the colours reflect the content.
http://www.atlassian.com/
Interactive code that allows the viewer to see how long they have been on the website. This is good because the whole website is about wasting time. The design decisions reflect the context and purpose.
When you scroll the underneath scroll layer changes making the graphic change. This is controlled by the user. We want the user navigating our website to have the choice of how they 'play' with our page. This is a point Yamaha mention in the brief.