Parallax Effect on New Website

As I look back on the blogs from 2016, I realize there are way too many blogs on marketing issues and not enough blogs on coding, cool effects, functionality, and apps.  So, I'm going to close out 2016 with this blog on the parallax effect developed for a new site I'm working on.

If you are unaware of the what the 'parallax effect' is you can visit the proof-of-concept page I did for the new client at http://fitness-365.com/fitness-365-parallax.html.  The parallax effect is when you create an effect where the page content (the words) scroll by faster than the background images.

Not only is this effect pretty neat, it has the ability to build emotional awareness of your brand (by drawing attention to the background images) at the same time it is being very informative (through the content).  Additionally, it encourages the visitor to continue scrolling to the bottom of the screen - something that is important if you have more information to present than can fit above the 'fold.'  (The fold is considered the bottom of the visible area when the site is loaded in the browser.  'Under/Below the fold' is what becomes visible when you begin scrolling down).

This is a cool, fun effect that when used properly can really enhance your website.  Check out my implementation for "Fitness-365" by clicking here.  And please let me know what you think in the comments.

Special Note: this proof-of-concept is NOT responsive yet.  So, viewing on small screens may not offer the full effect.