18 Websites that Take Scrolling to the Next Level

By / May 20, 2013 / Inspiration
shares

There was a time when the common practice was to try and place all content above the fold. But now, instead of fearing the scroll, web designers and developers are embracing the need to scroll, and using it as opportunity to engage the user with background reveals, element animations, and other clever effects based on the pages scroll position. So in an effort to inspire you, we’ve gathered a collection of websites that take scrolling to the next level.

Playground Inc.

19 Websites with Extremely Creative Scrolling Effects

Shadow

19 Websites with Extremely Creative Scrolling Effects

Artem & Julia are getting married

19 Websites with Extremely Creative Scrolling Effects

Shaun Dona

19 Websites with Extremely Creative Scrolling Effects

Koa Water

19 Websites with Extremely Creative Scrolling Effects

Loft City Church

19 Websites with Extremely Creative Scrolling Effects

I Shot Him

19 Websites with Extremely Creative Scrolling Effects

ISL

19 Websites with Extremely Creative Scrolling Effects

Scroll for your Health

19 Websites with Extremely Creative Scrolling Effects

Puma Actv

19 Websites with Extremely Creative Scrolling Effects

Designed to Move

19 Websites with Extremely Creative Scrolling Effects

The Story of the Pound

19 Websites with Extremely Creative Scrolling Effects

BTP Design

19 Websites with Extremely Creative Scrolling Effects

DSPG

19 Websites with Extremely Creative Scrolling Effects

Hot Dot

19 Websites with Extremely Creative Scrolling Effects

5 Reasons to Celebrate SoLoMo

19 Websites with Extremely Creative Scrolling Effects

Smart Phood

19 Websites with Extremely Creative Scrolling Effects

numero10

19 Websites with Extremely Creative Scrolling Effects

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

15 Comments

  1. shaun dona
    May 20, 2013

    Thanks for the feature, love the other site designs!

    Reply
  2. uckhandla
    May 20, 2013

    I’m really enjoying this series, keep it up!

    Reply
  3. David Rozando
    May 20, 2013

    Wow, nice list. I love HotDot best! Nice splashscreen and parallax horizontal scrolling effect.

    Reply
  4. Lane
    May 20, 2013

    Another great one is http://crosscon.com/

    Reply
  5. Adam
    May 20, 2013

    How about http://fuzebev.com/

    Reply
  6. Gavin
    May 21, 2013

    Check out some here as well http://www.dezignmatterz.com/visually-stunning-parallax-scrolling-websites/

    Reply
  7. Katie
    May 21, 2013

    Moonbot Studios is another good one: http://moonbotstudios.com/#start

    Reply
  8. Design Turnpike
    May 21, 2013

    I like many of these – always have to stifle a laugh at the know-it-alls who walk in my office and throw around “above the fold.”

    Reply
  9. Eric
    May 21, 2013

    Nice roundup, some are awesome :)
    My favorite is Artem & Julia.

    Reply
  10. Web Design Wolverhampton
    May 22, 2013

    Great collection, thanks. Here’s another one with pretty funky scrolling: http://www.mobilewebdesignwolverhampton.co.uk/

    Reply
  11. Yofie Setiawan
    May 23, 2013

    Holy mother, those are great works… Scroll still take an important rule on desktop and touch screen devices…

    Reply
  12. Web Design Malaysia
    May 25, 2013

    Scroll for your help is a wonderful scrolling site example.

    Thanks for the inspirations!

    Reply
  13. Ceba
    June 3, 2013

    Check out some cool scrolling examples here as well. http://www.dezignmatterz.com/visually-stunning-parallax-scrolling-websites/

    Reply
  14. Octopus Creative
    June 12, 2013

    Love the ‘Artem & Julia are getting married’ web design, beautifully illustrated and intuitively scripted. I note the website footer declares ‘Design by the bride, programming by the groom’…a match made in heaven it seems.

    Reply
  15. Michael – Web Development
    July 29, 2013

    Great list you have put together! My favorite is the Hot Dot. I thought that was an awesome web design and it loaded and worked fast. Thanks for posting these!

    Reply

Leave a Reply