SCROLLALAX! - A Top-Down Twist On Parallax Scrolling Site Design
This popular web design trend of 2011 for scrolling ‘parallax’ websites continues unabated. I’ve included the nine that I referred to in my previous post and also a load more. Click the read more, to view. Check back here often because I will use this post to ‘bookmark’ other site examples that I think are worth recording. Really good ones might get their own posts!
If you are interested in producing your own twist on the ‘parallax’ phenomenon you can use the code found here…
Here are some tutorials that you might find useful:
- Recreate NikeBetterWorld Parallax
- Behind the Scenes of NikeBetterWorld
- Building Parallax Scrolling Storytelling Framework
- Parallax Scrolling jQuery Plugin
- jParallax Plugin
- Design float
- Smashing magazine - vanilla site
Here are the live site examples - they get more ambitious as you move through each example:
SMOKEY BONES -Nice bold images and impactive text take this everyday serving of fast food to a different level
VOLKSWAGEN-UP! - A twist on the usual navigation. Instead of scrolling down, you scroll UP! A nice example of taking an existing navigational device and turning it on its head.
ACTIVATE DRINKS - The water motif plunges you deeper into the site as you learn more about this thirst quenching product.
SMART USA - Elements popping in and out as you ‘scroll’ through.
MARIO KART - Takes the whole concept of scrolling to a whole different level with the scroll bar taking you on a diagonal whirl-wind tour of the site. This works well with the Video game aesthetic of the site.
2011 BEER CAMP - This site is not using parallax scrolling in the traditional sense as you navigate the 3D text using the scrollbar