12 Killer Sites that do Parallax Right

While some may be growing tired of the somewhat dizzying effects of a carefully put together parallax scrolling website, you can’t deny the added visual fidelity this trick garners. Here are 13 awesome sites that do parallax scrolling perfectly.

The Beatles Rockband

Unfold

Lost Worlds Fairs

SONY Tablet S

NIKE Elevate Your Vision

NIKE Make It Count

Nintendo Wii Mario Kart

MahiFX

IWC Portofino

Inception Explained

Curator’s Code

Corkcicle

 

Which sites are your favorite or are there some other sites you think do the Parallax Scrolling well that we didn’t list? Which are your least favorite? Let us know in the comments below!

UPDATE: We took all of your submissions, added a few of ours, and brought together 12 more killer sites that kickass with parallax. Make sure to check it out!

 

Inspiredology

@inspiredology

  • Inspiredology
  • Inspiredology

    @chadmueller

  • Inspiredology
  • Inspiredology

    @andrewdertinger

  • Inspiredology
  • Inspiredology

    @MikePuglielli

  • Inspiredology


  • Join the discussion

    • May 10, 2012 at 12:32 pm

      Loved everyone’s submissions so much that we made a part 2! Make sure to check it out.

      Thanks everyone for the comments, great websites listed.

    • April 19, 2012 at 8:05 am

      sony do it right!

    • April 10, 2012 at 12:34 pm

      This site has some neat side-scrolling/parallax, and it’s all done through HTML5! http://www.globaltv.com/bombgirls/index.html

    • April 10, 2012 at 10:02 am

      Keep the suggestions coming, a few more and I think we should have a follow-up post showcasing the submissions!
      (also share examples of bad examples!)

      Great post Mike!

    • April 7, 2012 at 4:05 am

      This is far more superior parallax website http://www.vesmirnyprogram.sk/ than ANY of the aformentioned above!

    • April 6, 2012 at 9:21 pm

      It is also possible for non-javascript ninja’s to create a beautiful parallax site with a WordPress theme I built called Five3. You can check it out at http://five3.me

      It doesn’t facilitate the type of bespoke brilliance of sites like the Sony Tablet S site, but it makes it possible to add more “visual fidelity” for a portfolio or other image heavy site.

    • April 6, 2012 at 9:26 am

      Not to step on anyone’s toes but I actually think this should be “Killer sites that do parallax WRONG” and this is why I say this:

      The only ones that used parallax correctly here is “lostworldsfairs” and “unfold” in this list. Mario has some mayor bugs so has Sony, I wonder if the intern did the coding. But the mayor error is that the actual content a visitor is looking for gets lost because it is not balanced, the effects takes over to much.

      Parallax is hot right now, but I think that 80% of parallax sites released today would get their information through better with a non parallax site.

      What make a site great is not how much things are moving around, but how pleased I am as a target group for the owners that I got what I wanted from the very short time I surfed by the site, period with caps.

      Okay then, who makes it right? I say this site, is by far the most balanced one I have seen: http://www.river.se/cases
      Only miss they did wast not having the menu fixed on the top left.

      Buy a T-shirt:
      http://programming-motherfucker.com

    • April 6, 2012 at 5:49 am

      You left out: http://www.newzealand.com/uk/
      Nice post.

    • April 5, 2012 at 8:29 am

      Checkout http://www.team23.de

      Nice Parallax Animtion for the Header :)

    • April 5, 2012 at 4:16 am

      Really good post, interactive websites is what makes a site great. I’d like to do a parallax website sometime, maybe you guys can do a tutorial on how to make a parallax website?

      Out of these websites I think Nike Vision is the best, lots of things happening on the web-page which keeps you in tune.
      Unfold has something unique that I’ve not seen on a website which features a continuous scroll. Thanks for the great post.

    • April 5, 2012 at 2:17 am

      Good Post!
      I would like go through the importance of content writing with relation to web design. These points will not make your website more compelling to visitors but will also rank high in search engines:
      1. Ensuring that your spelling and grammar are correct should be top priority.
      2. If you’re at a loss for what to write, hire online content writers. There are many talented individuals. Just remember that you always get what you pay for.
      3. A simple way to reduce the complexity of content is to take what you have and narrow it down to 50%. It may seem a lot, but reduction in content will force one to focus on the important aspects.
      4. Writing your content before you start designing your website can help you better approach the coding stage as you can pick the right elements that describe your content’s value.
      5. If you sacrifice the quality of the content for the design of the website, your visitors will probably not even read your content and never return.
      So with this said always remember, content is king!

    • April 4, 2012 at 11:27 pm

      I should say, these are indeed awesome websites. Nike Make it Count is a favorite.

    • April 4, 2012 at 11:25 am

      Great collection of websites, I love the Lost Worlds Fairs website.

    Post a Comment

    Your email is never shared. Required fields are marked *

    *
    *