Parallax website design

Parallax scrolling is a technique in computer graphics and web design, where background images move by the camera slower than foreground images, creating an illusion of depth in a 2 dimensional scene. This technique is becoming more and more popular so i’m going to take a look at some of the ones I liked researching.

The Boat

This is the first parallax website I stumbled across, the site itself tells a story with several chapters, to navigate to each chapter you have to scroll down through the animated scenery of boats, seas and thumbnails almost like a moving comic.

Screen Shot 2017-03-14 at 10.26.22Screen Shot 2017-03-14 at 10.26.37

The main thing I like about this website is that it’s in constant motion, I think they wanted to make the screen move and wobble like how it would feel sailing on a boat, this website works very well and strongly reinforces the theme of thunderstorms and boats etc.

Urban Walks

Urban walks is another website I visited, it’s based on navigating New York and exploring it’s hidden gems, this website is very interactive and has a couple cool features i’d like to highlight, I think this website would be very effective on an iPhone/Android format as you could use it whilst travelling.

This is the first three sections of the page, each page shows you a different way to explore NY and different places to go, the third and largest image that I loaded is my favourite section of the site, as you can see it says ‘drag map to explore’ when you drag the background image it moves around and shows you the whole of NY, another little cool feature is the fact it moves inside the phone on screen as well.

Parallax scrolling is something I want to try out for myself.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s