Wednesday, 2 November 2016

Inspirations for my website



Todays lesson wants me to search for web animation and get inspired by it to create my own website .



The GIF you can see to the left is basically a transition from this website i found. I really liked it and felt like its just so smooth and fast. this is the website http://www.species-in-pieces.com/# , the website was made by 'Bryan James' (his twitter https://twitter.com/WengersToyBus )
The animations were made in CSS below will be a picture of what Bryan wrote about making the web animation.



Another 'animation' i found was on the angry birds website. They have recently released a new version/edition of their game. The thing you can see above this writing is basically a short game play video thats on loop and will play forever or until you leave the site. They have included a different variety of clips from different levels which makes the video not look as if its looping.
I believe that the website as a whole was made with CSS. There actually isn't any animation on the website apart from video playing in the background at a certain part. The website and animation/game as a whole was mady by 'Ravio' Link to the website: https://www.angrybirds.com/games/angry-birds-space/?ref=space.angrybirds.com 



I really loved this 'scroller' parallax effect animation i found on the internet. I feel like it would be the perfect animation to use for my website. The animation just felt so smooth while i was scrolling through it it was in Brazilian so i wasn't really able to understand what it read but it was really impressing. I think that this animation/website was made using CSS, it was created by a company/organisation named 'CCR'. Link to the website: http://www.grupoccr.com.br/10anosipo/ . Honestly I would really consider using something similar for my website.




Once again i have found a 'parallax effect scroller' as i believe this is what i want my website to be. This scroller is a timeline map through the whole of California coast, I found this website really infomational and enjoyable not only because i liked the parallax effect but also because it had loads of information within it aswell, i wont talk about it too much as this isnt the point of this exercise. The link to the website is the following; http://www.exsus.com/highway-one-roadtrip . It was made in CSS by the travel company named 'EXSUS'












No comments:

Post a Comment