Line25

15 Awesome Websites That Tell a Story As You Scroll

Read the full post

As new CSS properties are becoming more widely supported designers are combining tools to create amazing websites that were once only feasible in Flash. This post showcases 15 websites that take parallax scrolling to the next level by combining CSS animations and Javascript to manipulate page elements upon scroll to immerse the user into a developing story.

Every Last Drop

View the website

Ben the Bodyguard

View the website

Dangers of Fracking

View the website

Eclectic Pedicab Rides

View the website

Hegarty On Advertising

View the website

Range Rover Evoque

View the website

Inception Explained

View the website

Slavery Footprint

View the website

How Far is it to Mars?

View the website

Air Jordan 2012

View the website

James Bond 007 Cars Evolution

View the website

Peugeot HYbrid4 Graphic Novel

View the website

D’Angelico Guitars

View the website

The State of the Financial & Economic Education

View the website

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

16 Comments

  1. Terry says:

    Hi Chirs. Really awesome selection of websites here. This is just 20 years since the start of the internet. It would be interesting to find out where web design is heading in another 5 to years. Very inspiratiional 15 site designs you’ve showcased indeed.

  2. This is the first time I am seeing such stuff and I am circulating this over facebook and skype right now. This is great!! Where do you look for such stuff? :P

  3. This is a very nice effect beyond standard parallax scrolling.

  4. Julia Agnes says:

    Amazing websites!))

  5. Alen says:

    These websites are perfect example of CSS animations and Javascript , i have forward this url to my designer to learn something new from these website. Chris article is really helpful

  6. cool stuff. really like the Every Last Drop and Slavery Footprint.

  7. tootallval says:

    My goodness!! Sick work!! This Parallax Scrolling is insane!! Love this stuff!

  8. Totally amazed with these websites, that’s all about creativity. Designers and developers can learn more from these links.

    Keep sharing such type of information. :-)

  9. redfox1939 says:

    I like the simplicity of each website you had in your list,simple yet eye catching.Maybe the one who design this really work hard.

  10. Media3 says:

    Awesome websites

  11. Ajay Prasad says:

    Wow! This is amazing. It looks awesome.By just looking at the websites one can actually understand what the website is all about.

  12. Victoria says:

    Wonderful graphics design -Peugeot HYbrid4 Graphic Novel – it’s really amazing site design and interactive game online! Thanks for such creative list – it’s inspiring for all designers

  13. I love our Responsive design has enabled some beautifully, simply and smart websites. Great coding being used for artistic purposes.

  14. Sandra says:

    Most of the design are really nice, though many of them aren`t optimized for mobile devices at all. That could help a lot. But thank you for your article, good inspiration!

  15. Wow !! really amazing collection .. Great stuff … creative and impressive designs.. Thanks and Keep sharing the amazing posts :)

  16. Lyricsguru says:

    Totally worth visiting these sites. especially that water one, in a scrolling way I had learned how much water we consume each day, and the range rover website was stunning. :D

Comments are now closed