18 Websites that Take Scrolling to the Next Level

By / May 20, 2013 / Inspiration

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

  • http://www.shaundona.com shaun dona

    Thanks for the feature, love the other site designs!

  • http://uckhandla.com uckhandla

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

  • http://davidrozando.com David Rozando

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

  • Lane

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

  • Adam
  • http://www.dezignmatterz.com Gavin
  • Katie

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

  • http://www.designturnpike.com Design Turnpike

    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.”

  • http://www.backgroundlabs.com/ Eric

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

  • http://www.pragmaticdesign.co.uk Web Design Wolverhampton

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

  • http://yopdesign.com Yofie Setiawan

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

  • http://www.sweetmag.my Web Design Malaysia

    Scroll for your help is a wonderful scrolling site example.

    Thanks for the inspirations!

  • http://www.dezignchapter.com Ceba

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

  • http://www.octopus-creative.co.uk Octopus Creative

    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.

  • http://Visionfriendly.com Michael – Web Development

    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!